Alberto Jolyt Cardenas
Diseño de portafolio.
Objetivo cliente
El objetivo principal del proyecto fue diseñar un portafolio web profesional, claro y responsivo que permitiera al desarrollador comunicar de forma efectiva su experiencia, proyectos y habilidades técnicas.
Se buscó crear una interfaz visualmente atractiva, pero alineada a las limitaciones y posibilidades reales del desarrollo con React, priorizando la escalabilidad, reutilización de componentes y una experiencia de lectura cómoda tanto en escritorio como en dispositivos móviles.
Rol en el proyecto
La creación de un mini Design System para el portafolio
La definición de la identidad visual (colores, tipografías y componentes base)
El diseño de maquetas para desktop y mobile con modo oscuro y claro
La adaptación del diseño a una versión descargable en PDF
El desarrollador me solicitó el proyecto específicamente por mi experiencia previa trabajando con él en un equipo de front-end usando React, lo que facilitó una comunicación fluida y decisiones de diseño alineadas al alcance técnico del desarrollo.
Proceso de Diseño
Metodología
Para transformar la identidad de Grupo Confía Seguros, aplique un enfoque Design Thinking, que prioriza la comprensión profunda de las necesidades del cliente y la generación de soluciones innovadoras y centradas en el usuario.
Idear
Con el Design System validado, realicé las propuestas visuales para:
Versión de escritorio, priorizando jerarquía visual y legibilidad
Versión mobile, adaptando layouts y componentes para una experiencia responsiva
Empatizar
El desarrollador compartió ejemplos de portafolios que le resultaban atractivos, así como la información que deseaba comunicar en su sitio. Esto permitió establecer una dirección visual clara desde el inicio.
Prototipar
Presente las propuestas al cliente para obtener feedback y realizar ajustes. La iteración constante y el feedback continuo del cliente permitió refinar las soluciones y garantizar su satisfacción. Se ajustaron las vistas responsivas.
Se incorporó un modo oscuro, enfocado en mejorar la lectura y la experiencia de usuario en entornos de baja iluminación.
Se desarrolló una versión optimizada para PDF descargable.
Definir
Se investigaron herramientas y recursos utilizados comúnmente en el entorno de desarrollo para enriquecer y contextualizar la información presentada en el sitio.
Evaluar y testear
Se entregaron los materiales de forma gradual, permitiendo al cliente evaluar el impacto y realizar mejoras.
Los resultados
El resultado fue un portafolio web funcional, coherente y escalable, con:
Un Design System claro que facilita futuras iteraciones
Interfaces alineadas a las capacidades reales del desarrollo con React
Diseño responsivo para desktop y mobile
Modo oscuro para una mejor experiencia de lectura
Versión en PDF como material descargable y de presentación
El proyecto logró equilibrar diseño visual, experiencia de usuario y viabilidad técnica, fortaleciendo la presencia profesional del desarrollador y su capacidad para comunicar su trabajo de forma clara y efectiva.
¿Te gustó lo que viste en el proyecto?
Más que una diseñadora, soy una aliada estratégica para tu marca. ¿Listo para una conversación sobre cómo alcanzar tus objetivos?
¡Contáctame y empecemos a construir el futuro!
