2024 USICAMM Veracruz - SEV
Formación y Capacitación Docente
Cursos de actualización docente y formación pedagógica acreditados para el nivel medio superior.
Sobre mi
Soy Emireth Rosas.
+9 años de experiencia. Diseñadora Gráfica y Diseñadora Web de Veracruz, México. Especializada en la creación de experiencias visuales atractivas y efectivas para productos digitales.
Experiencia
Freelance
Independiente
2024 - actualmente Mis proyectos van desde auditorías digitales para clientes B2B/B2C, hasta webs funcionales que resuelven problemas operativos concretos. Siempre con criterio visual y ejecución técnica.
Marketing Digital
Grupo Tokio S.A. de C.V.
2023 - 2024 Desarrollé contenido creativo para redes sociales, campañas, videos, además de administrar y actualizar el catálogo de la tienda en línea. También coordiné proveedores internos y externos, elaboré reportes y análisis de desempeño, y participé en la planeación estratégica de marketing para la temporada escolar 2023.
Docencia Universitaria
Universidad del Tercer Milenio
2022 - 2023 Profesora universitaria en la licenciatura en Diseño Gráfico y profesora de informática para nivel media superior (bachillerato).
Educación
2011 - 2015
Licenciatura en Diseño Gráfico
Universidad Tercer Milenio
Veracruz, Ver.// Certificaciones
No. de Certificación: 1203924
EC0217.01 - Impartición de Cursos de Formación del Capital Humano de Manera Presencial Grupal
Estándar de competencia oficial
Formación Profesional
2024 
2023 Tecnolochicas
Bootcamp en Tecnología
Capacitación intensiva enfocada en desarrollo web frontend, maquetación con HTML/CSS, lógica de programación y tecnología.
2023 GoDesign
Community Manager para Creativos
Certificación y formación para Community Manager enfocada en Meta Business y campañas pagadas digitales.
Stack Tecnológico
Conjunto de herramientas, lenguajes y plataformas que utilizo diariamente para concebir, diseñar, desarrollar y optimizar productos digitales de alto impacto.
Diseño & UI/UX
5 herramientasHerramientas de maquetado, prototipado y dirección de arte visual.
Figma Avanzado
Adobe Suite Avanzado
Affinity Intermedio
DaVinci Resolve Intermedio
PowerPoint Avanzado
Desarrollo Frontend
5 herramientasTecnologías modernas para desarrollo web ultrarrápido y limpio.
Astro Avanzado
React Intermedio+
JavaScript Avanzado
Tailwind CSS Avanzado
VS Code Dominio total
Infraestructura & Servidores
4 herramientasGestión de repositorios, despliegues y entorno de servidores Linux.
Linux / WSL2 Avanzado
Git & GitHub Avanzado
Hostinger Avanzado
Bases de Datos SQL Intermedio
SEO & Analítica Digital
4 herramientasOptimización orgánica, auditoría de tráfico y rendimiento.
Google Analytics Avanzado
Search Console Avanzado
Semrush Intermedio
Excel / Datos Avanzado
Servicios que Domino
Resumen de las áreas de conocimiento y capacidades técnicas en las que ofrezco resultados profesionales, desde el planteamiento visual hasta la infraestructura final.
Diseño & Experiencia
Diseño gráfico para redes sociales y creación de experiencias visuales atractivas y efectivas para productos digitales.
- ─ Diseño para redes
- ─ UI/UX Design
- ─ Maquetado & Prototipado
Figma Adobe Suite Affinity
Saber más
Consultoría SEO
Optimización de motores de búsqueda e implementación de estrategias para mejorar el posicionamiento de los sitios web.
- ─ Optimización on-page
- ─ Estrategia SEO y SEM
- ─ Link building
Google Analytics Search Console Semrush
Saber más
Desarrollo Web
Consigue una web profesional, segura y optimizada. Mejora tu presencia digital y consigue más conversiones para tu negocio.
- ─ Desarrollo Frontend
- ─ Compilación y Despliegue
- ─ Mantenimiento y Hosting
VS Code Astro Tailwind
Saber más
Alojamiento Web
Servicios de hosting seguro, migración de servidores, certificados SSL y mantenimiento técnico continuo.
- ─ Hosting & Dominio
- ─ Migración de Servidor
- ─ Administración Linux/SSL
Hostinger Linux WSL2
Saber más
¿Con qué tecnología se realizó este sitio web?
Este portafolio fue construido desde cero aplicando estándares modernos de desarrollo web, primando el rendimiento, la accesibilidad y una estética impecable en dark mode con efecto glassmorphism.
// Stack técnico del sitio
Ver en GitHub
Arquitectura de Alto Rendimiento
Diseñado sin constructores pesados ni dependencias redundantes, priorizando la semántica HTML5, variables CSS personalizadas y compilación en tiempo de construcción.
Rendimiento Lighthouse 100/100
Carga Inicial < 0.4s
Arquitectura SSG + Islands
JavaScript en Cliente Ultraligero
Astro 5/6
Arquitectura HíbridaFramework principal de renderizado estático y arquitectura de islas (Islands Architecture). Garantiza un envío mínimo de JavaScript al cliente y tiempos de carga instantáneos.
React 19
Hidratación SelectivaUtilizado para los componentes que requieren estado y dinamismo en el navegador, como los menús, selectores interactivos y acordeones de información.
Tailwind CSS v4 + Vanilla CSS
Dark Mode GlassCombinación de Tailwind v4 y variables atómicas CSS (`:root`) para manejar dark mode nativo, paletas de color responsivas y efectos de vidrio esmerilado (glassmorphism).
TypeScript
Type SafeAsegura la calidad del código mediante la definición estricta de tipos de datos, props de componentes y constantes del sitio web.
Tipografía & Fuentes del Sitio
Demostración visual del sistema tipográfico utilizado en la plataforma. Cada fuente ha sido elegida para transmitir jerarquía, dinamismo visual y legibilidad en pantallas digitales.
Probador de Tipografía Interactivo
Escribe un texto personalizado para previsualizarlo simultáneamente en las 3 fuentes del sitio.
Space Grotesk
var(--display)Títulos principales (H1, H2, H3, H4, H5) y encabezados de sección
Medium (500)Bold (700)
Vista previa en tiempo real
Emireth Rosas ─ Creative Web Designer
Juego de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!@#$%&
Inter
var(--sans)Cuerpo de texto, párrafos, tarjetas, menús y UI general
Regular (400)Medium (500)
Vista previa en tiempo real
Emireth Rosas ─ Creative Web Designer
Juego de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!@#$%&
UI Monospace
var(--mono)Código, etiquetas de estado, métricas y badges técnicos (.font-mono)
Regular (400)
Vista previa en tiempo real
Emireth Rosas ─ Creative Web Designer
Juego de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &!@#$%&
Colores & Degradados
Demostración interactiva estilo Bento de los tokens de color y degradados que componen la estética en dark mode con acento y glassmorphism del sitio.
Paleta de Colores del Sitio
Haz clic en cualquier div para copiar su código Hexprimary#85C61C
var(--accent)
Copiar Hexsecondary#BEED69
var(--c-green-300)
Copiar Hexblack#0A0A0A
var(--black)
Copiar Hexwhite#E6E6E6
var(--white)
Copiar Hexgray#1A1A1A
var(--deepgray)
Copiar Hexlightgray#A3A3A3
var(--lightgray)
Copiar HexDegradados & Superficies Glassmorphism
CSS Linear & Radial GradientsPrimary Gradient (.grdt)#BEED69 ➔ #85C61C
Degradado principal de acento utilizado en titulares destacados y botones principales.
Glass Dark Surface#1A1A1A ➔ #0A0A0A
Superficie de cristal oscuro traslúcido para tarjetas Bento y contenedores.
Emerald Radial Glow#85C61C ➔ Transparent
Efecto resplandor ambiental de fondo para iluminación y resaltado de áreas.
Deep Emerald Gradient#1B2D06 ➔ #375116
Fondo secundario verde profundo utilizado en secciones de servicios y destacados.
