We Love Salud Landing MVP

Diseño de Landing Page y prototipo. Para proyecto del área salud en modo MVP / Diseño UI.

Comenzamos la investigación para nuestro objetivo!

Un UI KIT compacto pero, con lo necesario.

En el presente se define los elementos visuales fundamentales como:
– Familia de tipografía, Tamaños de Títulos / Subtítulos, Tamaño de párrafos, Definición de colores principales, propuesta de branding, estilos de botones principales y secundario e iconos a utilizar.

Todo comienza con un boceto

Desde un boceto hecho a mano a lo digital.

Para todo Diseño de interfaz de usuario (UI) ya sea un landing page, website informativo o e-commerce. Se debe comenzar con la información obtenida ya sea del brief entregado por cliente o un estudio completo investigativo de UX. Este comenzará con un boceto hecho a mano en una hoja o pizarra con la finalidad de llevar mi propio braindstorming de ideas al papel y lograr plasmar las bases para el layout visual y siempre pensando en la modalidad “mobile first”.

Ver proceso UI

Es así es como comenzó a tomar forma este diseño refrescante.

1- Wireframe a Mano.

2- Layout Digital y definición de estructura.

3- Aplicación de Design Thinking y Atomic Design.

Mockup y Prototipo

¡Aquí todo toma vida y color!

Luego de tener toda la estructura, diagramación y elementos definidos en el “Wireframe de Alta Calidad” en base al Atomic Design. Procedí a implementar Color (Definido en el UI KIT), Imágenes y aplicaciones de diseño especiales como gradientes, sombras, etc.

Una vez completado el diseño del Mockup en Alta Calidad, procedo a crear las animaciones necesarias para la interacción del prototipo y la preparación de este para su presentación.

Ir al Prototipo