Storybook
.webp)
Project Context
Storybook is an app designed to transform bedtime routines by combining stories, massage, and meditation to help parents strengthen emotional bonds and improve children’s sleep.
The previous website lacked clarity and emotional connection, making it difficult for new users to understand the app’s purpose and value, resulting in low engagement and conversion.
The previous website lacked clarity and emotional connection, making it difficult for new users to understand the app’s purpose and value, resulting in low engagement and conversion.
A UX/UI redesign focused on emotional storytelling, simplified navigation, and educational content about the benefits of guided sleep, building trust and enhancing user retention.
Testimonials
.webp)
"The redesign of the Storybook site perfectly captured our brand’s essence. The new interface is warm, easy to navigate, and clearly communicates our app’s benefits. Since its launch, we’ve seen an increase in user connection and satisfaction. A result that exceeded our expectations!"
"The redesign of the Storybook site perfectly captured our brand’s essence. The new interface is warm, easy to navigate, and clearly communicates our app’s benefits. Since its launch, we’ve seen an increase in user connection and satisfaction. A result that exceeded our expectations!"
Design & Develeopment Process
Briefing
Competitors Analysis
UX Analysis
Definition of User Persona
.png)
Userflow & Sitemap
Lo-Fi & Hi-Fi Wireframes
Clickable Prototype
Usability Testing
.png)
Branding
UI & UI-Kit
Responsive Design
High Fidelity Prototype
Usability Testing
Hand-off to Development
.png)
CMS implementation (WordPress-Elementor / Shopify / Webflow)
CMS Configuration
Responsive Optimization
SEO Improvements (optimized content & images)
Final Testing & QA
Final Project Deployment
Design Process
Briefing
Competitors Analysis
UX Analysis
Definition of User Persona
Userflow & Sitemap
Lo-Fi & Hi-Fi Wireframes
Clickable Prototype
Usability Testing
Branding
UI & UI-Kit
Responsive Design
High Fidelity Prototype
Usability Testing
Hand-off to Development
Color Palette
Typography
Brand Identity
User Persona
Logo
Lo-Fi Wireframes
Previous Design
The Revamped Experience
The new design features a warm, family-centered aesthetic with soft gradients, friendly typography, and relatable imagery. It balances emotional storytelling with clear structure, creating a calm, inviting, and easy-to-navigate interface that reflects Storybook’s nurturing essence.
.webp)
.webp)
.webp)
The Mobile Revamped Experience
Creating an Intuitive and Efficient Digital Experience
Create an Emotional Experience
Reflect the warmth and closeness of the brand, strengthening the bond between parents and children through an intuitive digital experience.
User Flows
Navigation was simplifyed so new users can immediately understand the value of Storybook.
Visual Design
Highlight key information on how massages and meditations improve sleep by increasing melatonin and oxytocin.
Conclusion
The redesign achieved a 49% increase in conversions and significantly improved user satisfaction, positioning Storybook as an essential tool for parents and children’s wellness.