Definir el lenguaje visual
Trabajé la relación entre ciclismo, naturaleza y comunidad como dirección para la propuesta de interfaz.
CASO 03 / UX/UI · Diseño digital
Concepto visualUna identidad digital que invita a pedalear.
Una propuesta de lenguaje visual para conectar una experiencia móvil de ciclismo con su presentación web.
- Proyecto
- Ride2Fit
- Mi rol
- Diseño de interfaces
- Herramientas / Entrega
- Diseño UI · Mobile · Web
- Contexto
- Propuesta visual en Behance
CONCEPTO VISUAL · PRESENTACIÓN 2026
Ciclismo y comunidad,
en un mismo lenguaje.
Una propuesta móvil y su extensión a la web. Explora la presentación HTML actualizada para este portafolio.
Ver demo navegable01 / CONTEXTO
El reto.
El concepto buscaba expresar ciclismo, comunidad y naturaleza en una experiencia móvil y una landing. El foco de este caso es la dirección visual y su continuidad entre soportes.
02 / RESPONSABILIDAD
Mi aporte.
- Propuesta visual de la aplicación Ride2Fit.
- Diseño de la landing para presentar la experiencia.
- Articulación de color, tipografía y composición entre ambos soportes.
Desarrollé una propuesta de interfaz móvil y su presentación web para Ride2Fit. La muestro como concepto visual. En esta actualización de portafolio incorporé una presentación HTML navegable con contenido editorial en español.
03 / DECISIONES Y DESARROLLO
Lectura del diseño.
Diseñar para dos soportes
Exploré la aplicación móvil y una landing de presentación con una identidad compartida.
Actualizar la presentación
En 2026 preparé una demo HTML responsive para presentar el concepto con textos revisados, conservando los recursos originales.
DECISIONES EN LA ENTREGA
Un lenguaje ligado al ciclismo
La pieza original utiliza fotografía de ciclismo, verdes y acentos cálidos. El conjunto relaciona la identidad con el entorno y la actividad que propone la comunidad.
Extender la identidad entre soportes
La propuesta combina aplicación y landing. La actualización HTML mantiene el concepto y utiliza la pieza original como referencia visual, con textos claros para presentar el trabajo.
Presentar el concepto con claridad
Para esta versión eliminé los textos provisionales de la presentación visible y añadí una demo responsive. La actualización editorial se identifica como trabajo de 2026 y se distingue del material original.
04 / IMPACTO Y APRENDIZAJE
Lo que aporta la solución.
Dos soportes, una dirección visual.
El resultado reúne el concepto visual original y una presentación web actualizada para este portafolio. La demo permite recorrer una landing responsive con texto en español y recursos del concepto, sin atribuirle lanzamiento comercial ni resultados de adopción.
- Concepto original
- Identidad visual y propuesta móvil publicadas en Behance.
- Continuidad web
- Presentación del mismo lenguaje en una landing.
- Actualización 2026
- Demo HTML/CSS navegable con contenido editorial revisado.
Una dirección de arte coherente ayuda a que la presentación del producto y su interfaz se reconozcan como parte de la misma experiencia.
Material y contexto: Ver Ride2Fit en Behance ↗ · Ver landing en Behance ↗
SIGUIENTE CASO / 04