Portafolio personal en formato web con diseño moderno, limpio y responsivo. Presenta el perfil profesional, habilidades y proyectos destacados, priorizando la claridad visual y la navegación intuitiva. Optimizado para brindar una experiencia fluida y atractiva en pantallas de escritorio.
Definen la estructura fundamental de la navegación en la versión web, priorizando la organización del contenido, la jerarquía visual y la ubicación estratégica de los elementos clave. Esta etapa permite optimizar el flujo de interacción considerando las particularidades de la experiencia en pantallas de escritorio.
Presentan la apariencia final del sitio, integrando paleta cromática, tipografía y estilo visual coherente con la identidad de la marca. Estos diseños muestran cómo la estructura inicial se transforma en una interfaz atractiva y funcional, adaptada al formato web y a sus necesidades de usabilidad.
Simula la interacción real con la versión web, permitiendo recorrer las secciones, transiciones y elementos interactivos tal como lo haría un usuario final. Facilita validar la experiencia y anticipar ajustes antes de la etapa de desarrollo.
Diseñada para usuarios que buscan pedir comida de forma rápida, GN Foodins simplifica el proceso de compra desde el menú hasta la confirmación del pedido, asegurando una experiencia fluida desde el primer toque.
Definen la estructura básica del flujo de navegación principal, desde el menú hasta el carrito de compras, sin aplicar estilos visuales finales. Permiten planificar la distribución, jerarquía y funcionalidad de cada pantalla.
Muestra las pantallas principales del diseño final, con colores, tipografías y componentes definidos. Estos mockups representan la evolución desde el wireframe hasta un diseño visual que refleja la identidad de la app y la experiencia de usuario deseada.
Permite interactuar con el flujo de navegación de la app como si fuera real, evaluando la usabilidad y la experiencia de usuario antes de su desarrollo. Este prototipo simula las transiciones, pantallas y funciones clave para validar el diseño final.
Versión optimizada del portafolio personal para dispositivos móviles, diseñada para ofrecer una experiencia ágil y visualmente clara en pantallas reducidas. Mantiene la coherencia estética con la versión web, adaptando la estructura, el contenido y las interacciones para un uso cómodo y eficiente en smartphones.
Establecen la base estructural de la app móvil, definiendo el orden y disposición de los elementos para maximizar la legibilidad y la interacción táctil. Este paso garantiza que cada pantalla esté optimizada para el uso en dispositivos de diferentes tamaños.
Muestran el diseño visual final de la aplicación, aplicando colores, tipografías y componentes que transmiten la identidad de la marca. Reflejan la adaptación de la experiencia de usuario a un entorno móvil, donde la simplicidad y la claridad son esenciales.
Recrea la navegación de la app como si estuviera en funcionamiento, incluyendo transiciones, gestos y animaciones clave. Permite evaluar la fluidez del flujo y la coherencia visual antes de su implementación técnica.