IOS, ANDROID, WEB

Virtual perinatal care for expectant parents

Wireframes, UI/UX, and interactive prototypes to connect new and expectant parents with perinatal experts.

3D design made in blender - Baby held in mother's hands.3D design made in blender - Pacifier 3D design made in blender - Baby milk bottle.

Project overview

Nessle is an online directory connecting new and expectant parents with perinatal experts for evidence-based, virtual learning and one-on-one remote counseling on the topics that matter most during pregnancy, birth, postpartum, & early childhood. Nessle provides support through 20-minute video chat with a certified lactation consultant, a late-night call with a postpartum doula, or group sessions that answers burning questions with practical, evidence-based guidance. Nessle's vision is more supported parenthood marked by caring, connection, and learning.

Challenge

There were no better ways for new and expectant parents to get the tailored guidance they needed, free of judgmental trolls and outdated advice; but it's still not easy finding an answer when you are looking through so many articles or blog posts online with conflicting information on each subject matter - especially something as sensitive topic like birth.

Design process

By understanding the requirements & features that are desired by the client, a thorough research is made on perinatal care, parenthood and how new parents struggle finding answers online when they have questions related to perinatal care. Then using these findings, wireframes are designed, discussed and then finally an interactive prototype was made.

Final result

Two responsive interactive prototypes are designed for parents and perinatal experts, where parents are able to have their own unique questions and challenges addressed by certified experts on their own time and turf. And experts can connect with new clients, diversifying their offerings, making extra income on flexible schedules, and growing their reach.

Post perinatal questions and have 1-on-1 sessions

The one-on-one sessions allow parents not only the opportunity of getting answers from a perinatal expert but also means they can take notes during each session which gives you key takeaways at your fingertips.

Mobile app design made in figma for iOS and Android - Splash screen of Nessle app
Mobile app design made in figma for iOS and Android - Dashboard or Home Screen for parents users with questions, classes and my sessions along with favourite experts sections.
Mobile app design made in figma for iOS and Android - One on one session details screen for parents users.
Mobile app design made in figma for iOS and Android - Sessions list screen with pending and finished tabs for parents users.

Find & connect with perinatal experts with ease

Parents can search & filter perinatal experts to find those who offer the kind of help that's most relevant for them. Once they've found the right expert, they can send a request for a session with a question they would like to get answered or discussed.

Mobile app design made in figma for iOS and Android - Find experts screens for parents users.
Mobile app design made in figma for iOS and Android - Experts profile screen with about me, one on sessions and group session details along with certifications list, for parents users.
Mobile app design made in figma for iOS and Android - Chat screen between the parent and the expert.
Mobile app design made in figma for iOS and Android - Class details screen with lost of videos and duration along with buy button for a parents user.
Mobile app design made in figma for iOS and Android - App icon design for Nessle.
Nessle Care
20 min 1-on-1 sessions

Get quick answers from experts in just minutes after posting the perinatal question on the app.

Certified perinatal experts

The experts are carefully selected and curated by the Nessle's team of professionals.

Real parenthood

Nessle's vision is more supported parenthood marked by caring, connection & learning on your terms.

Key takeaways for parents

Key takeaways helps parents to review what was discussed at any time after the session.

Mobile app design made in figma for iOS and Android - Showcase of the Nessle app with android phone mockups.

Join group sessions conducted by experts

Parents who are looking to connect with other like-minded individuals, can search for the group sessions conducted by the perinatal experts and join the sessions. The app also suggests the sessions based on their profile and previous search keywords.

Mobile app design made in figma for iOS and Android - Group sessions screen in a list view with an option to filter.
Nessle Mobile app design made in figma for iOS and Android - Session details screen with date, time, about and the Join button for parents user.
Nessle Mobile app design made in figma for iOS and Android - Session details screen with expert profile and key take aways list for parent users.
Nessle Mobile app design made in figma for iOS and Android - Session preview screen with category and meeting link along with date/time and participants number for parents user.

Experts can find perinatal questions & create sessions

The app suggests Perinatal experts with relevant questions based on their skills and certification details added to their profile. Experts will then review the question and create a session for answering parents' queries and concerns.

Nessle Mobile app design made in figma for iOS and Android - Experts dashboard or Home Screen with one on one and group sessions details. Also has statistics of earnings and upcoming sessions.
Nessle Mobile app design made in figma for iOS and Android - List of questions screen for expert users to grab them along with an option to filter.
Nessle Mobile app design made in figma for iOS and Android - Group sessions list for Expert users with upcoming and finished sessions list.
Nessle Mobile app design made in figma for iOS and Android - Expert's profile screen with calendar, earnings, settings, help faqs and refer options.

Responsive web application for parents & experts

A responsive web application for parents and expert users so they can access the platform with ease, irrespective of any device they use. It responds effectively to the behavior of the users and the environment depending on the size of the screen and orientation.

Left Arrow icon.
Right arrow icon.
Quote icon.

Design is not just what it looks like and feels like. Design is how it works.

- Steve Jobs

Nessle Mobile app design made in figma for iOS and Android - Showcase of onboarding screen and nessle classes list screen on iPhone 13 mockups.
Mother holding a baby while talking on her phone to an expert. The quote on the image says "Judgement-free, evidence-based virtual support".
A baby wrapped in a soft pink towel. The text on the image says "NESSLE - Virtual perinatal care"
Cards with Nessle logo on it. The text on the card says "Uniting to make new parenthood a more supported experience"

Wireframes and behind the scenes

Here's a sneak peek of the work done for this project before designing a high-fidelity interactive prototype. I always draw wireframes as they are an essential part of the product development process, allowing you to identify issues earlier on, saving time & money in design and development phases.

Nessle project - wireframes and behind the scenes: A picture of a laptop with figma software
Nessle project - wireframes and behind the scenes: Ravijune, UI/UX designer while working on Nessle project
Nessle project - wireframes and behind the scenes: MacBook Pro laptop with nessle screens being designed on figma
Nessle project - wireframes and behind the scenes: A picture of a MacBook Pro laptop with nessle UI/UX design on figma in a coffee shop
Nessle project - wireframes and behind the scenes: Drawings of wireframes on papers with iPhone 13 pro and MacBook Pro laptop next to it

Thank You!

3D design made in blender - A baby wrapped in pink soft cloth. A pacifier and a milk bottle are next to the baby.
View all projects
Right arrow icon.