PART ONE
PROJECT OVERVIEW
PROJECT OVERVIEW
The product
Proposed Client
Monthliease - A Project for a startup who needed UI design visualisation during my time at the design agency.
Role
Monthliease is a cutting-edge product that combines mobile technology with TENS (Transcutaneous Electrical Nerve Stimulation) to alleviate menstrual cramps. The application is designed to be user-friendly and accessible, providing immediate pain relief in a non-invasive way. It is developed with inclusivity in mind, ensuring that users have a comfortable and convenient option to manage menstrual discomfort.
UX/UI Designer for end-to-end delivery of the Monthliease app, from lo-fidelity concept design to hi-fidelity final iteration.
Responsibilities
Conducting user research & interviews
Building an empathy map
Conducting a competitive audit
Defining information architecture
Paper and digital wireframing
Low and high fidelity prototyping
Designing user interface mockups
PROJECT OVERVIEW
The problem
Menstrual cramps affect a significant user segment, seeking effective, non-pharmacological solutions for instant relief from pain management is very time consuming.
USER SENTIMENTS
01
Looking for relief from menstrual cramps that doesn't involve medication or have side effects.
02
Need a convenient and quick-acting solution for my period pain that fits into my active lifestyle.
03
Prefer a way to track menstrual cycles
PROJECT OVERVIEW
The solution
By addressing user needs for a non-invasive, immediate pain relief method, Monthliease offers a technologically advanced, user-friendly solution for menstrual discomfort.
ADDRESSING USER NEEDS
01
Profiles vetted for accurate representation of the product's effectiveness.
02
Personalized settings to match individual pain thresholds and menstrual cycle patterns.
03
Comprehensive safety features, ensuring user data protection and secure interaction with the app's functionalities.
PROJECT OVERVIEW
Design Process
EMPATHISE
User research
Empathy map
User interviews
DEFINE
User persona
Journey map
Problem statement
IDEATE
User flow
Information architecture
Design & Branding
DESIGN
Digital wireframes
Mockups
Prototypes
TEST
Suggestive AI features
Next Steps
PART TWO
UNDERSTANDING THE USER
According to research papers on menstrual health in India, a significant proportion of women experience period pain, with studies showing that around 70-80% of Indian women report experiencing dysmenorrhea (painful periods), with many experiencing pain for 1-2 days during their menstrual cycle; this pain can sometimes be severe enough to impact daily activities and work efficiency.
A period is a menstrual bleed that occurs when the lining of the uterus is shed.
​
A period typically starts around the age of 12, considered the average age for a first period (menarche), but can begin as early as 8 years old or as late as 16 years old; it ends at menopause, which usually occurs around the age of 51, marking the last menstrual period.
UNDERSTANDING THE USER
User surveys
There is a total population more than 696 million women in India of different age groups and experiencing menstrual pain.
So to best analyse some insights about what they feel about using a non-invasive device which could reduce period pains was to create a focus group which included women who experience period pains alot.
Target User -
Women from the age of 23 to 35 (13 participants)
Experiencing menstrual cycle and period pains
UNDERSTANDING THE USER
User research
To be able to focus on studies without any distraction and perform well in her entrance exam
Person focuses on studies and coaching
Comprehensive research to understand the demographics and needs of individuals experiencing menstrual discomfort. User interviews and surveys to gather firsthand information about menstrual pain management habits.
Analysis of competitive menstrual pain relief solutions to identify gaps and opportunities for innovation.
To not be hampered by anything, avoiding discomfort, and living every day to the fullest.
Someone who wants to live life to the fullest
To be able to focus on everyday tasks without getting slowed down.
Corporate worker
UNDERSTANDING THE USER
User personas
Fictional personas were built to represent common behaviours, goals and pain points of typical customers. They ensured user-centered design by communicating user needs to guide my decisions.
Problem statement 01
Shagun requires a reliable and discreet solution that allows her to handle period discomfort efficiently, ensuring it doesn't interfere with her studies or track activities.
Problem statement 02
Mridula seeks a menstrual pain relief solution that is effective over extended periods, allowing her to concentrate on her work without the hindrance of pain.
UNDERSTANDING THE USER
Empathy map
I built an empathy map using data gathered from interviews to better understand a user’s behaviour, attitude, goals and challenges. This allows me to consider the problem from a user’s perspective before starting the design.
UNDERSTANDING THE USER
User journey map
This empathetic approach ensures that the design and development of Monthliease are user-centered, catering to the emotional journey as well as the practical use of the app.
REFINING THE DESIGN
Design and branding
Developing a comprehensive design system ensures consistency across the app. This system includes guidelines for typography, color schemes, and UI elements, enhancing the overall user experience.
Click to view the PDF
REFINING THE DESIGN
Features Implementation
After analysing the data from the feedback survey and also the competitive analysis we were able to suggest the founder on what kind of features should be placed where on the app and website.
PART THREE
STARTING THE DESIGN
STARTING THE DESIGN
Information Architecture
Creating an intuitive information architecture is essential for the Monthliease app to ensure that users can easily navigate through the various features offered for managing menstrual discomfort. The process involves:
%201.png)
STARTING THE DESIGN
Userflow
Creating an intuitive userflow is essential for the Monthliease app to ensure that users can easily navigate through the various features offered for managing menstrual discomfort. The process involves:
High-fidelity Prototypes
Desktop mockup
Mobile mockup
HIGH FIDELITY PROTOTYPE
Desktop mockups
Using Figma, the Monthliease website mockup was crafted to encapsulate the visual essence of the brand, translating the foundational wireframes into rich, visually appealing interfaces. This mockup was vital in refining the app’s color scheme, typography, and imagery, ensuring that the app was not only functional but also aesthetically aligned with Monthliease's identity.
Homepage
01
Users are greeted with a easy-to-understand functional landing page that features all the product details and customer feedback for developing trust.
DETAILS OF THE MOBILE APP
INFORMATION ON THE MOBILE APP THAT THE USER CAN USE TO TRACK THEIR PURCHASE AND ALSO THEIR MENSTRUATION.
FEATURES
DETAILS ON THE BRAND STORY AND THEIR VISION ALONG WITH THEIR FEATURES
HOW THE PRODUCT LOOKS
SNEAK PEEK ON THE PRODUCT FOR THE USER TO EXPLORE MORE
VERIFIED & TESTED FEEDBACKS
TRUST FACTOR THROUGH VERIFIED AND TESTED FEEDBACKS FROM DOCTORS & USERS
02
Product Details
Enhance your knowledge on what the product is all about and how it can purchased and used.
DETAILS ON THE APP
BASIC PLACEHOLDER FOR CONTENT OF THE APP
USE OF THE PRODUCTS
DETAILS ON HOW TO USE THE APP
PURCHASE PALN
SUBSCRIPTION PLAN FOR THE USE OF THE PRODUCT
PRODUCT REVIEWS
CUSTOMER REVIEWS SECTION FOR BETTER AUTHENTICTY, SO THE USER CAN CHECK BEFORE PURCHASE
PROJECT OVERVIEW
Mobile mockups
The mobile mockups for Monthliease reveal a user-centric design approach that emphasizes seamless navigation and intuitive interfaces, ensuring that users can track and manage their menstrual health effectively and discreetly.
WELCOME LANDING PAGE
INCLUDES A GLIMPSE OF EVERYTHING ABOUT THE PRODUCT
Homepage
01
A compact version of the homepage was created to fit within the limited prospect of the product of a
mobile screen.
KEY FEATURES
INFORMATION ON THE DIFFERENT TYPES OF FEATURES OF THE PRODUCT
CUSTOMER FEEDBACK
INTERACTIVE CARDS ABOUT PRODUCT EXPERIENCE THROUGH DOCTOR & CUSTOMER FEEDBACK
02
Subscription Plan
The Monthliease app offers a subscription purchase plan, providing users with flexible and continuous access to their menstrual pain management system, ensuring they can receive uninterrupted support and convenience month after month.
SCROLLABLE CARDS
ABOUT THE PLANS
INFORMATION CARDS ABOUT THE SUBSCRIPTION PLAN
MONTHLY SUBSCRIPTION DETAILS
DETAILS ABOUT THE SUBSCRIPTION AND THEIR PRICES
03
Product Activation
There a click path to activate the product when in use and switch it of when not needed
SWIPE FEATURES
PRODUCT ACTIVATION FEATURE VIA SWIPE
BATTERY & TIMER OF THE PRODUCT
TIMINGS TO TRACK THE USAGE OF THE PRODUCT & BATTERY
04
Menstrual Cycle Tracker
The Monthliease app features a comprehensive period tracker that allows users to monitor their menstrual cycle with precision, offering insights and personalized data to help manage their menstrual health effectively.
DATE LOGGING
CALENDAR TO LOG THE DATES WHEN YOU START MENSTRUATING
PERIOD TRACKER FEATURES
DETAILS ABOUT THE SUBSCRIPTION AND THEIR PRICES
CYCLE DAY DETAILS
EDIT PERIOD LOGS AND DETAILS OF THE PREVIOUS MONTH AND IT'S HISTORY
REFINING THE DESIGN
AI Driven features
Integrating AI into the Monthliease app can provide tailored experiences for users, making the roommate matching process more efficient and personalized.
01
Menstrual Cycle Optimization Engine
-
Feature: Utilizes AI to learn individual menstrual patterns and predict future cycles with greater accuracy.
-
Benefit: Users like Shagun can plan their athletic and study schedules more efficiently, ensuring no unexpected interruptions.
03
Symptom Correlation Analyzer
-
Feature: Analyzes inputted symptoms over cycles to identify correlations and potential triggers for discomfort.
-
Benefit: Mridula can gain insights into how her PCOS affects her menstrual symptoms, leading to informed discussions with her healthcare provider.
02
Personalized Wellness Content Delivery
-
Feature: Curates and suggests wellness and health content based on user behavior and cycle tracking data.
-
Benefit: For users like Ashna, this provides tailored advice for maintaining an active lifestyle and managing symptoms effectively.
04
Eco-Conscious Product Recommender
-
Feature: Recommends environmentally friendly menstrual products based on user preferences and purchase history.
-
Benefit: For eco-conscious users, this tool simplifies the process of finding sustainable menstrual care products that align with their values and needs.
GOING FORWARD
Next steps
Looking ahead, the plan includes incorporating AI-driven compatibility features, expanding the user base to include more cities, and continuously refining the app based on user feedback and technological advancements.
Enhance Precision in Tracking
Expand the app's algorithm to provide more precise cycle predictions, adapting to unique patterns for each user.
​
Continuously refine the prediction model using machine learning to learn from user input and improve accuracy over time.
Expand Educational Resources
Introduce a knowledge hub within the app to educate users about menstrual health, offering expert advice and tips.
​
Collaborate with healthcare professionals to provide verified information and live Q&A sessions for user engagement.
Bolster Security Measures
Implement additional security layers to protect user data, including two-factor authentication for account access.
​
Regularly update privacy protocols to ensure user information is secure and handled with the utmost care.
User-Driven Feature Development
Incorporate a feedback loop for users to suggest new features or improvements, actively involving them in the app's evolution.
​
Regularly release updates that reflect the needs and wishes of the user community, maintaining relevance and user satisfaction.