Making wine pairing magical
Wineally wants everyone to perfectly match food & wine. With an impressive wine database and matching algorithm, they had the foundations for a great product. However, adoption of their app was slow and they needed to find out a way for their users to fall in love with wine matching.
Read on to see how I worked with them to align their app with their users’ needs.
Details
Year: 2023
Duration: 3 months
Client: Wineally AB, Sweden (through EC solutions)
Role
- UX Research
- Wireframing
- Testing
- Visual design
1. Problem definition
Problem statement
Wineally had a very low adoption rate on their wine paiting mobile app. The first version of their app was focused on waiters at a restaurant, and needed to be rethought to work for consumers.
The little feedback they had was not positive as users had a hard time figuring out what the app was for and how to use it.
Desired Outcome
By rethinking the user flows to better match user goals & expectations, and the redesigning the visual look of the app to be made more appealing to the target market, Wineally intended to increase adoption of their app. No new functionality would be developed at this stage
User story
By creating the user story of a current app user, I was able to empathize and identify the concrete pain points in the existing flows. This was instrumental in getting stakeholder buy-in for the ux redesign
Outcomes
I identified the following main problems:
- Cconfusing, complicated and unappealing unboarding
- Visual problems with hierarchy, grouping and consistency.
- The matching flow was based on a shopping process, but there’s never any “checkout” or outcome shown
- There is no “magic”, the result feels underwhelming
Quantitative analysis
We ran a survey with 48 participants, to get information about their dining & wine consumption habits, experience with wine recommendation apps, and desired functionality and information.
Outcomes
We got insight on the type of information potential users found useful to choose a wine, and what other apps were doing right.
2. Ideation & iteration
User flows
Based on the research I broke down user goals into specific tasks, grouped them into screens, and created logical flows.
Outcomes
I got a blueprint for starting to visualize the UI with all the elements and functionality needed
Ux audit
For the existing flows that would be kept in the redesign (login, onboarding, venue choice), I did a heuristic UX evaluation, pinpointing the usability problems present and possible solutions.
Outcomes
I identified the problems and areas of opportunity to be tackled in the redesign
Wireframes
Based on the user flows and heuristic evaluation, I created wireframes for each flow, and then created a prototype
Outcomes
The wireframes allowed us to visualize the page structure and refine the flows and functionality of the app
User testing
We ran a remote unmoderated usability test with 20 users. The test consisted in 3 tasks (choosing tasks, choosing wine options & matching, and adding to favorites), evaluation on the percieved ease of each task, and general open feedback.
Outcomes
The results were overall positive, with a high success rate, however, I did identify a few areas of ambiguity and confusion that should be adressed.
3. Creation
Visual design & Prototyping
With the wireframes as a starting point, I developed the app interface, keeping the brands’ visual elements but with an updated look and more usable elements. I implemented reusable design components that could serve as a base for all future development.
Results
The new app is more streamlined, showing only the elements relevant to the current task. The elements’ structure and look help users better navigate and interact. The visual style matches the brand better and gives a more sxclusive feeling.
4. Results
Outcomes
The new design achieved the following:
- Functionality and user flows better amtch the users’ mental model and are more intuitive to use.
- The simplified interface makes it easy to find the relevant information
- Styling is modern, attractive and matches the target market better
- The process makes the perceived value of the app higher, as
Lessons learned
The app was unfortunately not developed to the end due to funding issues, so there was no opportunity to test it further.
The simplification of the functionality and visual refresh was a step in the right direction and would have hopefully resulted in better adoption of the app.