ZYME
ZYME
Zyme Dietary Needs App Concept Design
It’s hard to feel normal when you can’t eat normal foods. Finding replacements that work for your needs may be difficult, but it shouldn’t be impossible.
A grocery scanner app that helps families to shop for their dietary needs with ease.
PROBLEM
My family and I have specific dietary needs and I have difficulty remembering what we can and cannot eat when grocery shopping.
PROPOSED SOLUTION
An app that helps me understand and accommodate for my diet as well as the dietary needs of my loved ones.
SKILLS
Branding & Design System
Concept Development
User Interface/Product Design
User Experience
COURSE
Product Design (Elective)
Katie Coppolino, MassArt 2022
Prototype Walkthrough
Though having health ailments may make it difficult to buy regular groceries, Zyme was created to be a support system to help bring back normalcy into people’s lives.
Branding
(Component Library)
I wanted this brand to feel clean and “healthy”, using a soft yet bright color palette. The typeface “Lexend” had the perfect balance of sharp and smooth details to pair well with the icons.
Happy Path
Competitive Analysis
The Pattern
-
Ability to create profiles for other people who don’t have the app.
Dense information is well organized.
UI is appealing and doesn’t feel too busy considering how much data is involved.
-
Imagery/typography don’t feel consistent to a particular branding system.
The dating feature feels out of place, almost forced upon existing users.
Unclear as to which information has already been viewed, especially considering there are a lot of notifications such as daily and cyclical horoscopes.
MyHealth
-
The main screen gives options to filter what you want to see and where you can buy them.
You can save your favorite items and see how you react to them for future reference instead of going through every tab.
You can search for restaurants that cater to your diet and can always update your diet and see all of your information in one tab.
-
Not actually a home screen, its just the first page that pops up. No main hub for general things.
Feels too similar to the home page in terms of design, kind of hard to tell what’s different other than the nav bar.
You can only have one profile per account.
Fig
-
Easy to navigate.
A bit overwhelming at first but actually really organized.
Easy to search for specific things due to tags.
-
Lack of a nav bar means more jumping around pages using the back/close buttons at the top which is hard to reach.
Unable to filter messages when needed.
Typographical hierarchy is lacking; difficult to navigate priority messages.
Additional Screens
-
Edge Cases
Examples of how a “bug” would look.
-
Accessibility
How branding would follow ADA guidelines.
-
Empty States
Screens to direct the user to pursue further exploration.
User Testing
-
“It would be nice if there was a way for people to add their own items into the database to help build it and add information as to why it is good or bad for their condition”
— anonymous tester from usertesting.com
-
“The design itself is visually appealing.”
— anonymous tester from usertesting.com
-
“Add light up instructions, a guide is not optional. No walkthrough, just pop up messages when user downloads the app for the first time.”
— anonymous tester from usertesting.com