Ohne

Product Design

Interface Design

Design System

Responsive UI Design

Ohne is a brand dedicated to people that get periods. They create menstrual products to use throughout the cycle.

OVERVIEW

Menstrual cycle lasts a whole month before it restarts and people need different products to use during each phase. Ohne has it all and they offer monthly subscriptions and customized period kits.  

MY ROLE

Research
Advertising
Wireframe
UI Design

TOOLS

Adobe Photoshop
Adobe Illustrator
Figma

CHALLENGES

Ohne doesn’t have an app. Its services would be very helpful for young girls that are new to the menstrual cycle. Existing period apps are either for women with a lot of sexual content or the one for the younger audience is not regulated or easy to use.

SOLUTION

Design an app for Ohne called “Ovie”.
Ovie will have the option to allow interactive reminders for the young audience to regulate habits.
AI chatbot feature will provide them with useful information about their cycle.

01. DISCOVER

BRAND MISSION

Ohne’s mission is to save the vagina with 100% organic tampons. They bring their products delivered straight to the door, ready when you need it. The brand is also on a mission to give access to period products and menstrual education to girls with the aim to make a lasting change.

ARCHETYPE

TARGET AUDIENCE

VIEW PERSONAS

COMPETITOR’ S ANALYSIS

Apps like Clue and Flo expose women to the idea of partying and sex which is not appropriate for young girls. Apps like Teen Period Tracker and Period Tracker Pinkllama give an impression that they are for kids because of the illustration style, however, they still over expose young girls.

02. DEFINE

JOBS TO BE DONE

When I am 2 days into my period, I want something to calm my cramps so I can perform my daily tasks instead of being rolled up on my bed.

When I am breaking out all over my face and body, i want something to clear up my skin so I don’t have to feel embarrassed and hide in a corner.

HOW MIGHT WE

HMW allow knowledge but less exposure of adult content to tweens?
HMW help young girls break out of their shy zone and ask questions?
HMW change people’s opinion of periods being a burden?

KEY FINDINGS

Understanding one’s body and their own needs is important to find the right products.
Having an AI chatbot to answer tween curiosity will prevent them from searching up on their browser and overexpose themselves.
Reminders are helpful when people forget about their phase of cycle.

INTERACTIVE NOTIFICATIONS
Reminders will help regulate habits for the girls that are new to menstrual cycle.

TRACKING CYCLE

HOMEPAGE AND CALENDAR
Track cycle with ease on the homepage or use the calendar.

CONVERSATION WITH OVIE

Users are able to talk to an AI chatbot named Ovie to give closely accurate information and suggestions like an older sister would. Responses from Ovie will be in child friendly language with specific word/idea detection to avoid over exposure.

05. DESIGN SYSTEM

DESIGN STATEMENT

Using rounded corners for frames and the use of gradients make it modern and more welcoming to our audience.

DESIGN PRINCIPLE

Be enjoyable.
‍Ovie feels like a big sister in mobile phones. App utilizes colors, shapes, illustrations and graphic explanation.
‍Be encouraging.
‍Ovie sends reminders/ notifications so people stay on top of their cycles.

COLOR PALETTE

The app utilizes the original Ohne orange and introduces a new pastel blue to appear calming. The app also uses gradients to excite users visually.

ICON SETS

Icons with rounded corners appear friendly.
Icons will always be outlined.
If selected, there should be a 24px fill behind it.

TYPEFACE

TYPESCALE

PHOTOGRAPHY STYLE

06. KEY TAKEAWAY

WHAT I LEARNED

Right visuals is important.Young audience comprehend real graphics easier than
text or even representational graphics.
Confidentiality ensures trust.

In order to make a safe space for the girls, it is important
to ensure that they are able to talk about anything
without hesitation.

NEXT STEPS

Design UI dark mode.
Introduce machine learning to analyze photos.