Storybook
.webp)
Contexto del Proyecto
Storybook es una aplicación diseñada para transformar las rutinas antes de dormir mediante la combinación de cuentos, masajes y meditación, ayudando a los padres a fortalecer los lazos emocionales con sus hijos y mejorar la calidad del sueño infantil.
Rediseñar el sitio web para comunicar claramente los beneficios de Storybook, aumentar la conversión de nuevos usuarios y crear una experiencia digital más cálida y emocional.
El sitio anterior carecía de claridad y conexión emocional, lo que dificultaba que los nuevos usuarios comprendieran el propósito y valor de la app, generando bajo nivel de interacción y conversión.
Se realizó un rediseño UX/UI centrado en el storytelling emocional, con navegación simplificada y contenido educativo sobre los beneficios del sueño guiado, fomentando la confianza y mejorando la retención de usuarios.
Testimoniales
.webp)
“El rediseño del sitio de Storybook capturó perfectamente la esencia de nuestra marca. La nueva interfaz es cálida, fácil de navegar y comunica claramente los beneficios de la app. Desde su lanzamiento, hemos visto un aumento en la conexión y satisfacción de los usuarios. ¡Un resultado que superó nuestras expectativas!”
“El rediseño del sitio de Storybook capturó perfectamente la esencia de nuestra marca. La nueva interfaz es cálida, fácil de navegar y comunica claramente los beneficios de la app. Desde su lanzamiento, hemos visto un aumento en la conexión y satisfacción de los usuarios. ¡Un resultado que superó nuestras expectativas!”
Proceso de Diseño y Desarrollo
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
.png)
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
.png)
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
.png)
Implementación de CMS(WordPress–Elementor / Shopify / Webflow)
Configuración del CMS
Optimización Responsiva
Mejoras SEO (contenido e imágenes optimizados)
Pruebas Finales y Control de Calidad (QA)
Despliegue Final del Proyecto
Proceso de Diseño
Briefing
Análisis de Competidores
Análisis UX
Definición del User Persona
Flujo de Usuario y Sitemap
Wireframes de Baja y Alta Fidelidad
Prototipo Interactivo
Pruebas de Usabilidad
Branding
UI y UI-Kit
Diseño Responsivo
Prototipo de Alta Fidelidad
Pruebas de Usabilidad
Entrega al Equipo de Desarrollo
Color Palette
Typography
Brand Identity
User Persona
Logo
Lo-Fi Wireframes
Diseño Previo
La Experiencia Renovada
El nuevo diseño presenta una estética cálida y familiar, con gradientes suaves, tipografía amigable e imágenes cercanas. Equilibra el storytelling emocional con una estructura clara, creando una interfaz tranquila, acogedora y fácil de navegar que refleja la esencia cercana y afectiva de Storybook.
.webp)
.webp)
.webp)
The Mobile Revamped Experience
Creando una experiencia digital intuitiva y eficiente
Proceso de Rediseño
El rediseño reflejó la cercanía y calidez de la marca, fortaleciendo el vínculo entre padres e hijos a través de una experiencia digital intuitiva y sensible.
User Flows
La navegación fue simplificada para que los nuevos usuarios comprendieran de inmediato el valor de Storybook.
Diseño Visual
Se destacaron los beneficios de los masajes y meditaciones guiadas en la mejora del sueño, vinculando la experiencia con el aumento de melatonina y oxitocina.
Conclusión
El rediseño logró un aumento del 49 % en las conversiones y una mejora significativa en la satisfacción del usuario, posicionando a Storybook como una herramienta esencial para el bienestar y descanso de padres e hijos.