PROBLEM CONTEXT
I noticed people struggle to buy gifts for their friends/family. They find it hard to:
Think of an appropriate gift
Remember events and buy gifts on time
ROLE
Solo Designer.
End-to-End Product Design.
TIMELINE
2 months
SOLUTION
Gifto is a mobile app designed to help users choose gifts for friends and family.
FINAL OUTCOME
When I presented the final solution in front of users…
Outline
1
Empathise
Insights from user insights
Insights from competitor analysis
Persona
2
Ideate
Brainstorming
Information Architecture
Wireframes
3
Branding
Mockups and refinement
Testing Preliminary designs
Final designs and rationale
Prototype
4
Test
Insights from Usability tests
Measuring success
Outcome and conclusion
Understanding user pain points by interviewing users ( Full details here )
Lets see how our competitors are approaching the gifting experience ( Full details here )
Circling back with interviewees after competitive analysis
Creating a persona to empathise with
Users were actively rejecting efficiency in this specific case.
Based on this, we have an idea of the Persona that we are designing for:
How can I help Ria ?
I decided to create a mobile app to help Ria.
✅ Mobile devices are accessible to more people.
✅ Better control of the notification experience for reminders.
✅ The tradeoff is that users wont have the best experience doing when researching options.
My hypothesis is that, if I do a good enough job of recommendations, then user doesn't have to do a lot of market research.
Here are the key ideas which made sense to pursue. Some of these added after doing usability tests with users.
Exploring the design space
Exploring the IA navigation for app
The starred design offered the best visual balance and adherence to data structure constraint
Understanding the constraints from data structures.
The starred design offered the best discoverability of all 3 features
Defining task flows
Lets test out some of our flows with clickable prototypes ( Full details here )
Created wireframes so each of the flows could be tested.
*Insights* from usability tests
Although the user could complete the tasks, I got valuable feedback on where they struggled.
Here are some examples:
Issues noticed
Users thought of the chips as filters
Users thought the plus button and the subsequent input box were a slider
It wasn't clear that the list of items were recommendations
How they are addressed
Going forward, mood board and recommendations sections will be clearly labelled
Issues noticed
❓“Can I save this item and come back to it later?” - Participant
Very few options are immediately visible
The budget filters are hidden, and users may not even discover them
Not enough information about the products is visible to the user, which may prevent them from developing an interest
How they are addressed
Will add a favorites tab and a way to favorite items
Will add more details to each item card and having more cards seen per screen
Changing the filter style to dropdowns only having high-level filters on top
Same filter styles can be re-used for the recommendations as well.
Issues noticed
❓“Where do I check the status of an order after I place it?” - Participant
How they are addressed
A new order history tab is introduced
The orders should have easily decipherable status symbols
Let’s add some colors and typefaces (Full details here)
Further usability tests revealed several instances of inconsistencies where users got confused.
