Un portfolio personal que tenía que ser tan estratégico como la persona que representa.
Roxana Peña necesitaba más que una web informativa. Necesitaba un espacio digital que funcionara como herramienta de captación de clientes, reflejo de su identidad profesional y muestra de su nivel de exigencia. El reto: construir un portfolio personal que compitiera visualmente con los mejores referentes del sector, en tres idiomas y con una experiencia de usuario impecable desde el primer scroll.
El diseño parte de una paleta oscura y elegante que contrasta con acentos cálidos — una decisión consciente para diferenciarse de los portfolios genéricos del sector.
Ver portfolio en vivoRoxana Peña necesitaba más que una web informativa. Necesitaba un espacio digital que funcionara como herramienta de captación de clientes, reflejo de su identidad profesional y muestra de su nivel de exigencia. El reto era construir un portfolio personal que compitiera visualmente con los mejores referentes del sector, en tres idiomas y con una experiencia de usuario impecable desde el primer scroll.
El diseño parte de una paleta oscura y elegante (#15120F como base) que contrasta con acentos cálidos — una decisión consciente para diferenciarse de los portfolios genéricos del sector. La arquitectura de la web guía al visitante de forma natural: quién es, qué hace, cómo lo ha hecho, y cómo contactarla. El sistema trilingüe (ES/EN/CA) amplía su alcance a clientes internacionales sin sacrificar la coherencia visual ni la experiencia de uso.
Marca personal como argumento de venta.
Un portfolio personal es diferente a la web de una empresa — aquí el producto es la persona. Cada decisión de diseño refuerza la credibilidad y la personalidad de Roxana: tipografía con carácter, jerarquía visual clara, secciones que cuentan una historia progresiva. El fondo oscuro no es solo estética — es posicionamiento. Dice "sé lo que hago y cómo hacerlo diferente".
La versión móvil fue tratada como prioritaria, no como adaptación — el 80% de los clientes potenciales visitan portfolios desde el teléfono, muchas veces en el momento de decidir a quién contratar.
Web trilingüe·ES·EN·CA
El sistema de cambio de idioma fue desarrollado en JavaScript puro, sin librerías externas, con detección automática del idioma del navegador y persistencia en localStorage. Cada texto, cada meta tag y cada URL se adaptan al idioma seleccionado en tiempo real.
Navega por el portfolio real de Roxana Peña directamente desde aquí.
Claim principal
Primer impacto visual con claim directo y CTA de contacto. Diseñado para retener en los primeros 3 segundos.
Sobre mí
Presentación personal con propuesta de valor clara. Quién es, qué hace y por qué elegirla — sin relleno.
Servicios
Social Media Management, UGC Creator y Estrategia de contenido. Cada servicio con descripción, entregables y precio orientativo.
Trabajos
Casos y trabajos destacados con capturas reales, contexto del cliente y resultados.
Experiencia
Trayectoria profesional presentada como timeline visual. Co-fundadora de ByDix y experiencia en marcas nacionales.
Contacto
Formulario de contacto directo, redes sociales y email. Máxima accesibilidad para convertir visitante en cliente.
Sistema trilingüe ES · EN · CA
Cambio de idioma en tiempo real sin recargar la página. Detección automática del idioma del navegador, persistencia en localStorage y meta tags SEO por idioma. Desarrollado en JavaScript puro, sin dependencias externas.
Diseño y maquetación web completa. Sistema visual coherente y diferenciado.
Desarrollo front-end desde cero en HTML, CSS y JavaScript. Sin frameworks.
Sistema de cambio de idioma ES/EN/CA en JavaScript puro con localStorage.
Optimización SEO multilingüe: meta tags, hreflang y estructura semántica.
Diseño mobile-first. Versión móvil tratada como prioritaria, no como adaptación.
Integración con redes sociales, formulario de contacto y optimización de rendimiento.
Un portfolio personal tiene que hacer una sola cosa: que quien lo visita quiera trabajar contigo antes de llegar al final de la página.
Roxana ya sabía exactamente quién era y qué ofrecía. Nuestro trabajo fue construir el espacio digital que estuviera a la altura de su nivel — y que lo comunicara en tres idiomas sin perder ni un gramo de personalidad.
Visitar roxanapena.eu