Hush Baby Co.
Hush Baby Co.
Hush Baby Co.
Refreshing a Local Baby Store’s Website
Refreshing a Local Baby Store’s Website
Refreshing a Local Baby Store’s Website
I transformed a baby goods store’s website into an inviting and delightful shopping platform by refreshing the visual design, improving navigation, and introducing interactive elements.
I transformed a baby goods store’s website into an inviting and delightful shopping platform by refreshing the visual design, improving navigation, and introducing interactive elements.
I transformed a baby goods store’s website into an inviting and delightful shopping platform by refreshing the visual design, improving navigation, and introducing interactive elements.
Role:
Role:
Web Designer
Web Designer
Date:
Date:
February 2025
February 2025
Role:
Designer
Date:
Feb 2025
Context
Context
Context
When I was a first-time expectant mother, I loved visiting a boutique baby store in our neighborhood whose soft, pastel aesthetics gave me a sense of safety and nurture. However, their online experience didn’t live up to their in-store magic. With the baby and kids market valued at $288B and pregnant users often reliant on online shopping, I saw an opportunity to bridge that gap.
When I was a first-time expectant mother, I loved visiting a boutique baby store in our neighborhood whose soft, pastel aesthetics gave me a sense of safety and nurture. However, their online experience didn’t live up to their in-store magic. With the baby and kids market valued at $288B and pregnant users often reliant on online shopping, I saw an opportunity to bridge that gap.
Challenge
Challenge
Challenge
The boutique’s existing website lacked the warmth of its in-store experience due to its outdated visual design with a narrow layout, muted colors, and undersized serif font. Navigation was clunky with key product categories buried, and there were minimal cues guiding users toward action.
The boutique’s existing website lacked the warmth of its in-store experience due to its outdated visual design with a narrow layout, muted colors, and undersized serif font. Navigation was clunky with key product categories buried, and there were minimal cues guiding users toward action.
Goals
Goals
Goals
Refresh the UI and visual identity, improve navigation and engagement, create a welcoming, conversion-friendly user experience.
Refresh the UI and visual identity, improve navigation and engagement, create a welcoming, conversion-friendly user experience.
ONE
ONE
Full-Screen Layout
Full-Screen Layout
Full-Screen Layout
I redesigned the layout to utilize the full screen, replacing the narrow central-column format with a more immersive and accessible experience, especially on larger displays.
I redesigned the layout to utilize the full screen, replacing the narrow central-column format with a more immersive and accessible experience, especially on larger displays.
TWO
TWO
Encouraging User Engagement
Encouraging User Engagement
Encouraging User Engagement
Added a bold headline and CTA in the hero section to guide users from landing to shopping.
Added a bold headline and CTA in the hero section to guide users from landing to shopping.
Integrated micro-interactions to create a playful and interactive interface.
Integrated micro-interactions to create a playful and interactive interface.
Introduced new section to the homepage, like "Shop by Category", "Customer Reviews" and "Follow on Instagram" to make product discovery and customer validation more prominent.
Introduced new section to the homepage, like "Shop by Category", "Customer Reviews" and "Follow on Instagram" to make product discovery and customer validation more prominent.
THREE
THREE
Improving User Experience & Accessibility
Improving User Experience & Accessibility
Improving User Experience & Accessibility
Increased the size of the product images and removed borders for a cleaner, accessible display.
Increased the size of the product images and removed borders for a cleaner, accessible display.
Reorganized the navigation bar by removing redundancy, improving information hierarchy and eliminating outdated elements.
Reorganized the navigation bar by removing redundancy, improving information hierarchy and eliminating outdated elements.
Moved the newsletter subscription CAT (which was a persistent pop-up upon enter) to the bottom of the page for an uninterrupted browsing experience.
Moved the newsletter subscription CAT (which was a persistent pop-up upon enter) to the bottom of the page for an uninterrupted browsing experience.
FOUR
FOUR
Visual Retouches
Visual Retouches
Visual Retouches
I introduced a soft pastel palette and clean sans-serif typography to evoke warmth, trust, and modernity.
I introduced a soft pastel palette and clean sans-serif typography to evoke warmth, trust, and modernity.
Old Color Palette
Old Color Palette
Old Color Palette
New Color Palette
New Color Palette
New Color Palette
THE REDESIGN
THE REDESIGN
THE REDESIGN
The redesign have improved the user experience by removing redundancy and obstructions, offering new tools of exploration and interaction; and a visually attractive color palette and product layout.
The redesign have improved the user experience by removing redundancy and obstructions, offering new tools of exploration and interaction; and a visually attractive color palette and product layout.
Before
Before
Before
After
After
After
