“A Weight Management Programme”
Cookie Cutter
Web Application & Mobile App
Canada
Pharmaceutical
Introduction
About Cookie Cutter
It is a specialized program dedicatedly guiding individuals through effective and scientifically backed therapy to achieve their weight management goals and embark the journey of living a healthy life. A customized program is made by the health professionals after closely working with each client to understand their dietary preferences, medical history and activity levels.
Creative Methodology
Design Process
Discover
- Problem Research
- Design Strategy
- Business Strategy
- Competitor analysis
Define
- User Research
- Data Gathering
- Empathy Mapping
Ideate
- Brian Storming
- User Flow
- Information Architecture
Design
- Wireframe
- UI Design
- Interaction
Form flow
Challenge
It is important to know about the person before giving them a consultation or plan but Long-form content may not always be optimal for user experience (UX). Lengthy content can sometimes be overwhelming, difficult to navigate, or lead to information overload for users.
Specific requirements from the client:- They wanted users to focus on only one question at a time.
Design Process
Approach
Kicked off with Meets
We took a meeting with the Project manager & the end clients (who themselves were doctors), to understand the questionnaire they wanted to ask through the form & the information they wanted from users. We took a meeting with the Project manager & the end clients (who themselves were doctors), to understand the questionnaire they wanted to ask through the form & the information they wanted from users.
Analysis
User Research
Analysis
User Research
It was very important to understand the users who would be using this website and what would be their thought process while answering the queries. While it was very important to collect the required information in order to give them the correct program, we wanted to make sure they feel comfortable as well as find the designs easy to fill. After taking the inputs from multiple user surveys, the ideation of design as well as development was planned.
The user research involved in-depth interviews, surveys, and usability testing with participants of various demographics. Participants emphasized the importance of clear progress visualizations and real-time feedback. These insights shaped the program's design, resulting in tailored meal recommendations, a user-friendly UI interface, and regular notifications for encouragement.
Ideation
Solutions
01
Chunking Information
Break down the content into manageable sections or chunks to improve readability. Use headings,subheadings and bullet points to organize the information and make it easier to scan.
02
Progress bar and Feedback
Provide users with a sense of progress within the long-form content. Use visual indicators or progress bars to show users how much they have completed and how much is remaining. Additionally, provide feedback or rewards as users navigate through the content to encourage engagement.
03
Visual Hierarchy
Use visual cues such as typography, font sizes, and colors to establish a clear hierarchy within the content. Highlight key points, headings, and subheadings to make the content scannable and guide user’s attention.
04
Readability and Typography
Ensure that the text is legible by using an appropriate font, font size, and line spacing. Consider the optimal line length for comfortable reading. Use ample white space to enhance readability and avoid overwhelming users with dense content.
05
Visual Enhancements
Incorporate relevant visuals, such as images, videos, or infographics, to complement the long-form content. Visuals can help break up the text, make it more engaging, and aid in understanding complex concepts.
06
Responsive Design
Ensure that the long-form content is responsive and adapts well to different screen sizes and devices. Test the content on various devices to ensure a consistent and optimal experience.
Roadmap
Project Timeline
Profile
User Persona
Maria Mahamd
Business Woman
Status: Unmarried
Age :30 years old
Live in : New York, USA
Biography
Maria, a driven professional in her early thirties, had always been proactive about her health. However, despite her efforts, she found herself facing a challenge that countless individuals can relate to: the struggle with weight gain and an uncooperative metabolism.
Goals
- Weight Reduction
- Increased Physical Activity
- Portion Control
- Healthy Eating Habits
- Improved Health Markers
- Stress Management
- Muscle Building
Frustrations
- Slow progress
- Lack of support
- Body support issues
- Lack of motivation
- Social pressure
- Stress eating
Form flow
Web UI Screens
Form flow
Mobile UI Screens
Better UI/UX
Homepage Redesign
We took a meeting with the Project manager & the end clients (who themselves were doctors), to understand the questionnaire they wanted to ask through the form & the information they wanted from users. We took a meeting with the Project manager & the end clients (who themselves were doctors), to understand the questionnaire they wanted to ask through the form & the information they wanted from users.
Tech
Technology Used
ReactJS
Typescript
Tailwind CSS
Stripe
Figma
Testimonial
What Client Says
I was searching for a reliable development and design partner for my project when I found Ultroneous Technology. They successfully implemented my vision through their exceptional work, and I am extremely satisfied with the outcome.
-Austin Salva
ON TIME. SKILLED. TRANSPARENT
