Lo-Fi Iterations
After doing A/B testing, it was suggested to add a "location services" option, so the user can automatically be in their direct location without entering it manually. The next discovery during testing, was to create a better onboarding tutorial. The arrows are pointing in a less obvious position for the drag feature.
Add in a locations services option
Indicate which bus is arriving, label bus numbers
Onboarding
Hi-Fi Iterations
Main Features Screen
Interview Insights
3 Users | Scenario
You are a 26yr professional trying to work on growing a full beard. Problem is every product tried does not help the patchiness of hairless spots. You're looking for all natural products that can help achieve this.
Feedback
Implement a "see full view item list" of purchased items
address some button functionality
add more to home page
add in "error" warnings
add more than one way, to exit the promo screen
Observations
Overall looks really good. Questioning the navigation menus location at bottom. Maybe should be placed at top?
Research Method
Qualitative
8 users took a beard survey. From our findings, most men use very minimal care when it comes to their beards.
It’s seems there is a close margin to users who care about their appearance to those who are ok with “enough to be presentable.” Based on this information,
we believe user could be convinced if given enough info on the products available.
Wireframing
Key Drivers
Color & Texture
A few colors along with subtle textures,
to give a playful, yet professional tone to
the brand.
Helpful Assistance
The distinction of our brand is based on the workshops available for assistance. They hope to eventually build more of a community rather than just an app.
Data
The data shows, that if we can provide more influence in community workshops they will be able to increase more interest in personal male grooming.
Site Map
The design thinking
was to build a simple mobile app, that will make it easy to grab quick info about grooming tips, merchandise and how to’s
What would their fears be? Their concerns?
Breaking out from the product
What would they want as part of their experience?
How to apply some of the products, and ways to save money by grooming his hair himself
What would they try to avoid based on their individual set of circumstances? Paying too much
How would each user likely prefer to research their choices? Online
What other features might each user want in their
beard app? A place that has affordable pricing, possible quick videos on how-to apply products and success tesitmonies
Empathy Map
Cordin Johnson
User description: 24-year-old male professional, trying to grow a full beard. Takes pride in his appearance.
Says
• He wants to have a full distinguishing beard
• Wants to be able afford the products
Does
• Works for a Real Estate company full time
• Enjoys the finer things in life
• Thinks of himself as a James Bond kinda person
Thinks
• Thinks this product may not work
• What can this company provide that the others can't
• but still willing to give it a go
Feels
• Feels generally pretty good about his confidence
• Feels this will help him achieve more respect and a good look
Cordin Johnson
Scenario: Cordin is looking for more tips on growing a full beard
Expectations:
tips on products
less patchiness
less itch during the growing process
Journey Map
The Research
Customers are looking for more resources on how to take better care of their beards
The Problem + Journey = Solution
While researching the market we used more of a qualitative method to investigate what men with beards are looking for
The solution: providing customers with an easy stress free app, that will provide worshops, tips and natural products
Case Studies
We were asked to design a mobile app for an all natural beard company. The client is beard in enthusiast, who needs an app to sell his merchandise
and hair tips. His target market is for any guy who
is looking for help
growing a full well-groomed beard. And for those who already maintain a
full mane, Men of Honor wants to help keep
it smelling good, and looking good for their special someone.
User Persona's
Moodboards
UI Design
After several rounds of A/B testing, we were able implement and fix some of the issue arising earlier in the testing.
VIEW PROTOTYPE
Based on the observations above, and the research, I implemented some of the changes given from the feedback
added a more central home page
increased the font size to overall app.
added more access to the products on the home page, and an easier flow on the grooming article page
Key Takeaways
Business requirements from your client
Business requirements from your client
Here is a list of business requirements that your client has presented to you for the application you will design:
Demonstrate expertise in growing beards
Ensuring there is enough info and how-to’s to make it worth the customers time
Successfully, hosting workshops or creating how-to clips on grooming
Providing a clean, and enticing brand that will keep customers coming back
Translated into high-priority user stories
1. Establishing a brand presence, so the customers feel they can trust this brand.
2. Creating a community space through how-to-workshops
3. Providing information on natural products to use on beards and grooming tips and tricks
convincing the customer this approach will work
Men of Honor app: User flow
The brief
The client is beard in enthusiast, who needs an app to sell his merchandise and hair tips. His target market is for any guy who is looking for help growing full well-groomed beard.
The colors choice for Men of Honor focus' on a old style, classic gentlemen's feel with accent colors that bring in a sleek, edgy pop.
Branding
Ideation phase
During the ideation phase it was quickly discovered this user flow could be done in fewer clicks
the first rough sketch demonstrates a basic approach, while the vector comp points to a more refined route for the user to take.
© All right reserved 2022