Save The Mom

← Hide

Save The Mom was a digital family manager: an easy and smart way for family members to stay connected & organized.

At the time of my hiring the team had already researched and mocked-up a visual identity and a UI early-draft; however they weren't satisfied with the results, so I was given the task to reinvent the app and its brand.

Note: I designed v1, the current release is the work of other talented designers.

  • 2011
  • Family managers
  • personal social networks
  • Product logo
  • Character Design
  • Website UI
  • Web App UI
  • Mobile UI
  • Other visuals

Logo Design & identity

Save The Mom - logo final version
Logo, final version
Save The Mom - logo in different formats
Logo in different formats

Character Design

Save The Mom - Character design, final version
Character design, final version

My work began with character design: the target users (namely: moms) needed a mom character they could relate to.

The mom had to be a modern, dynamic, smart and successful woman, and of course a sweet and caring mother.

Several iterations were created, until we reached the final version thanks to the talent of graphic designer and illustrator Lara Savoia.

Save The Mom - character design iterations
Character design iterations

Colors & typography

  • #869c77
  • #d3c099
  • Font selection: Gilde
  • Font selection: Lucida Grande

UI Design: Product Site

▼ This product site design has been featured on Web Designer Depot, One Page Love, and many others.

Save The Mom - Save The Mom, product site
Product site View full-size

UI Design: Web App

Save The Mom - Signup page
Signup page View full-size
Save The Mom - Dashboard
Dashboard View full-size

The web UI carried all the familiar styles and features of the mobile UI on a larger screen.

I tried to keep the app's main functionalities — dashboard, calendar, shopping list and check-in — consistent across all platforms, so that the user would always feel in control of the experience.

Save The Mom - Calendar: Daily View
Calendar, Daily View View full-size
Save The Mom - Calendar: Weekly View
Calendar, Weekly View View full-size
Save The Mom - Calendar: Monthly View
Calendar, Monthly View View full-size
Save The Mom - Calendar: Monthly View with modal window
Calendar, Monthly View w/ modal View full-size
Save The Mom - Shopping List
Shopping List View full-size
Save The Mom - Check-In
Check-In View full-size

UI Design: iPhone App

Save The Mom - App Icon
App Icon
Save The Mom - App icon in different sizes
App icon in different sizes

▼ App development progressed in parallel with my work: the development team would send me wireframes of each app view, and I'd design the corresponding high-fidelity mockups.

Save The Mom - Splash Screen
Splash Screen
Save The Mom - Sign In/Sign Up
Sign In/Sign Up
Save The Mom - Signup part 1, 2
Signup part 1, 2
Save The Mom - Signup part 3, 4
Signup part 3, 4
Save The Mom - Dashboard
Dashboard
Save The Mom - Calendar
Calendar
Save The Mom - Shopping List
Shopping List
Save The Mom - Check-In
Check-In
Save The Mom - Settings
Settings

UI Design: iPad App

Save The Mom - Splash Screen
Splash Screen
Save The Mom - Signup, step 1
Signup, step 1
Save The Mom - Signup, step 2
Signup, step 2
Save The Mom - Signup, step 3
Signup, step 3
Save The Mom - Signup, step 4
Signup, step 4
Save The Mom - Dashboard
Dashboard
Save The Mom - Calendar: Daily
Calendar, Daily
Save The Mom - Shopping List
Shopping List
Save The Mom - Check In
Check In

Iconography

Save The Mom - Web & mobile app icons
Web & mobile app icons

Other visuals

Save The Mom - Illustrations for shopping list
Shopping list illustrations
Save The Mom - Facebook Landing Tab
Facebook Landing Tab
Save The Mom - E-Mail template
E-Mail template

"At the time skeuomorphic design was a thing, so the UI is rich in patterns, textures and light FX."