Liqr
Liqr
Liqr
A mobile app for wine enthusiasts to enrich the experience and authenticity
A mobile app for wine enthusiasts to enrich the experience and authenticity
A mobile app for wine enthusiasts to enrich the experience and authenticity
Project Overview
Project Overview
Project Overview
I worked at Blinkers, a wine tech company, as a Product Designer, leading the development of a new mobile app, Liqr, from 0 to 1. The main goal is to create a digital wine cellar tailored for wine enthusiasts to manage their wine records, share experiences, and access extensive knowledge about wines. I collaborated with designers and clients through active communication and regular feedback to effectively design the app features. This effort successfully led to the completion of the design screens, ensuring alignment with the client’s vision and project goals.
I worked at Blinkers, a wine tech company, as a Product Designer, leading the development of a new mobile app, Liqr, from 0 to 1. The main goal is to create a digital wine cellar tailored for wine enthusiasts to manage their wine records, share experiences, and access extensive knowledge about wines. I collaborated with designers and clients through active communication and regular feedback to effectively design the app features. This effort successfully led to the completion of the design screens, ensuring alignment with the client’s vision and project goals.
I worked at Blinkers, a wine tech company, as a Product Designer, leading the development of a new mobile app, Liqr, from 0 to 1. The main goal is to create a digital wine cellar tailored for wine enthusiasts to manage their wine records, share experiences, and access extensive knowledge about wines. I collaborated with designers and clients through active communication and regular feedback to effectively design the app features. This effort successfully led to the completion of the design screens, ensuring alignment with the client’s vision and project goals.
My Roles
My Roles
My Roles
Developed the information architecture and user flows to ensure clear navigation and organization
Designed intuitive user interfaces, progressing from low-fidelity wireframes to high-fidelity prototypes and conducted prototyping to visualize interactions
Developed the information architecture and user flows to ensure clear navigation and organization
Designed intuitive user interfaces, progressing from low-fidelity wireframes to high-fidelity prototypes and conducted prototyping to visualize interactions
Developed the information architecture and user flows to ensure clear navigation and organization
Designed intuitive user interfaces, progressing from low-fidelity wireframes to high-fidelity prototypes and conducted prototyping to visualize interactions
Outcomes & Impacts
Outcomes & Impacts
Outcomes & Impacts
59
Screens
64
Components
Launch in App Store
Info
Info
Info
Company
Company
Blinkers Inc.
Blinkers Inc.
Blinkers Inc.
Timeline
Timeline
May 2023 - June 2023
May 2023 - June 2023
May 2023 - June 2023
Team
Team
2 Product Designers (including me)
1 Project Manager
2 Product Designers (including me)
1 Project Manager
2 Product Designers (including me)
1 Project Manager
Contribution
Contribution
Information Architecture
Design System
UI Design
Prototyping
Wireframing
Information Architecture
Design System
UI Design
Prototyping
Wireframing
Information Architecture
Design System
UI Design
Prototyping
Wireframing
Who is the target audience?
Who is the target audience?
Who is the target audience?
Primary User 1 — Wine consumers
Primary User 1 — Wine consumers
Primary User 1 — Wine consumers
The primary users are wine enthusiasts who actively consume wine. These are the key problems and needs they seek to address within the wine community.
The primary users are wine enthusiasts who actively consume wine. These are the key problems and needs they seek to address within the wine community.
The primary users are wine enthusiasts who actively consume wine. These are the key problems and needs they seek to address within the wine community.
Pain Points 1
Pain Points 1
Pain Points 1
“I worry about the authenticity of the wines I buy—sometimes it’s hard to tell if a bottle is genuine or not.”
“I worry about the authenticity of the wines I buy—sometimes it’s hard to tell if a bottle is genuine or not.”
“I worry about the authenticity of the wines I buy—sometimes it’s hard to tell if a bottle is genuine or not.”
Pain Points 2
Pain Points 2
Pain Points 2
“It’s hard to track my wines, tasting history, and notes all in one place.”
“It’s hard to track my wines, tasting history, and notes all in one place.”
“It’s hard to track my wines, tasting history, and notes all in one place.”
Needs 1
Needs 1
Needs 1
“I want to share my wines and notes and connect with people who have similar tastes.”
“I want to share my wines and notes and connect with people who have similar tastes.”
“I want to share my wines and notes and connect with people who have similar tastes.”
Needs 2
Needs 2
Needs 2
“I want an easier way to find wines and learn about wineries.”
“I want an easier way to find wines and learn about wineries.”
“I want an easier way to find wines and learn about wineries.”
Solution for Pain Points 1
Solution for Pain Points 1
Solution for Pain Points 1
Provide certification cards to ensure authenticity
Provide certification cards to ensure authenticity
Provide certification cards to ensure authenticity
The Challenge
The Challenge
The Challenge
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
The Solution
The Solution
The Solution
We created a QR code system attached to the wine bottle by Blinkers, allowing users to add the wine they own to their digital wine cellar. The QR code ensures the wine’s authenticity and serves as a seamless way to prove ownership.
We created a QR code system attached to the wine bottle by Blinkers, allowing users to add the wine they own to their digital wine cellar. The QR code ensures the wine’s authenticity and serves as a seamless way to prove ownership.
We created a QR code system attached to the wine bottle by Blinkers, allowing users to add the wine they own to their digital wine cellar. The QR code ensures the wine’s authenticity and serves as a seamless way to prove ownership.
The Benefit
The Benefit
The Benefit
We provided users with an easy and secure method to manage and view their wine collections digitally, without needing the physical bottle, while enhancing confidence in the authenticity of their wines.
We provided users with an easy and secure method to manage and view their wine collections digitally, without needing the physical bottle, while enhancing confidence in the authenticity of their wines.
We provided users with an easy and secure method to manage and view their wine collections digitally, without needing the physical bottle, while enhancing confidence in the authenticity of their wines.
Solution for Pain Points 2
Solution for Pain Points 2
Solution for Pain Points 2
Help to manage the wine records in one place
Help to manage the wine records in one place
Help to manage the wine records in one place
The Challenge
The Challenge
The Challenge
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
Wine enthusiasts struggle to keep track of the wines they own, have tasted, or want to try, due to the absence of a centralized tracking system.
The Solution
The Solution
The Solution
We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab.
We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab.
We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab.
The Benefit
The Benefit
The Benefit
Making it effortless for users to view and manage their entire wine collection in one place.
Making it effortless for users to view and manage their entire wine collection in one place.
Making it effortless for users to view and manage their entire wine collection in one place.
Minor Features & Design Elements
PROFILE RING ►
PROFILE RING
The ring surrounding the profile picture visualizes the user's wine taste preferences. Based on the wines the user owns and has tasted, the colors and portions of the ring vary, reflecting their profile.
The ring surrounding the profile picture visualizes the user's wine taste preferences. Based on the wines the user owns and has tasted, the colors and portions of the ring vary, reflecting their profile.
◀ NUMBER OVERVIEW
NUMBER OVERVIEW
Similar to Instagram, the app displays how many wines users own, have tasted, and saved, providing an overview of their depth of interest.
◀ WINE BOTTLE + WINE GLASS
WINE BOTTLE + WINE GLASS
To differentiate between owned wines (not yet tasted) and tasted wines, a wine glass is added to the bottle to indicate that the bottle is open.
Additional Features in My Section
Additional Features in My Section
Additional Features in My Section
Foster connections through personalized preferences
Foster connections through personalized preferences
Foster connections through personalized preferences
Add taste preference tags
Add taste preference tags
Add taste preference tags
This feature enhances the social aspect of the platform by allowing users to express their unique wine preferences and discover common interests with others. By viewing preference tags on other profiles, users can find like-minded enthusiasts, making it easier to connect and start conversations around shared tastes.
This feature enhances the social aspect of the platform by allowing users to express their unique wine preferences and discover common interests with others. By viewing preference tags on other profiles, users can find like-minded enthusiasts, making it easier to connect and start conversations around shared tastes.
This feature enhances the social aspect of the platform by allowing users to express their unique wine preferences and discover common interests with others. By viewing preference tags on other profiles, users can find like-minded enthusiasts, making it easier to connect and start conversations around shared tastes.
Boost engagement with achievements and consistent experiences
Boost engagement with achievements and consistent experiences
Boost engagement with achievements and consistent experiences
Collect Badge
Collect Badge
Collect Badge
The badge system gamifies the wine collection process, providing users with a sense of accomplishment and motivation to engage more actively. It encourages users to build and share their collections while fostering a sense of community through friendly competition and recognition of achievements.
The badge system gamifies the wine collection process, providing users with a sense of accomplishment and motivation to engage more actively. It encourages users to build and share their collections while fostering a sense of community through friendly competition and recognition of achievements.
The badge system gamifies the wine collection process, providing users with a sense of accomplishment and motivation to engage more actively. It encourages users to build and share their collections while fostering a sense of community through friendly competition and recognition of achievements.
Solution for Needs 1
Solution for Needs 1
Solution for Needs 1
Help users capture and share wine experiences
Help users capture and share wine experiences
Help users capture and share wine experiences
The Needs
The Needs
The Needs
Wine enthusiasts want to document their tasting experiences while seeking a way to share and validate them with others. Our research revealed that users highly value the people they share their wine experiences with, as it adds emotional depth and strengthens the social aspect of wine tasting.
Wine enthusiasts want to document their tasting experiences while seeking a way to share and validate them with others. Our research revealed that users highly value the people they share their wine experiences with, as it adds emotional depth and strengthens the social aspect of wine tasting.
Wine enthusiasts want to document their tasting experiences while seeking a way to share and validate them with others. Our research revealed that users highly value the people they share their wine experiences with, as it adds emotional depth and strengthens the social aspect of wine tasting.
The Solution
The Solution
The Solution
We designed a tasting notes feature that allows users to document flavors, who they shared the wine with, their rating, and a personal description to capture the moment. Additionally, it provides a tasting certification that can be shared with others.
We designed a tasting notes feature that allows users to document flavors, who they shared the wine with, their rating, and a personal description to capture the moment. Additionally, it provides a tasting certification that can be shared with others.
We designed a tasting notes feature that allows users to document flavors, who they shared the wine with, their rating, and a personal description to capture the moment. Additionally, it provides a tasting certification that can be shared with others.
The Benefit
The Benefit
The Benefit
Enables users to preserve meaningful wine experiences, share their journey with others, and validate their tastings, enhancing both personal enjoyment and social connection.
Enables users to preserve meaningful wine experiences, share their journey with others, and validate their tastings, enhancing both personal enjoyment and social connection.
Enables users to preserve meaningful wine experiences, share their journey with others, and validate their tastings, enhancing both personal enjoyment and social connection.
UI Design Detail
TEXTURE 1 ►
TEXTURE 1
To evoke the ambiance of wine being stored inside a wooden box, we have added a wooden texture to the background.
To evoke the ambiance of wine being stored inside a wooden box, we have added a wooden texture to the background.
◀ CALIGRAPHY
CALIGRAPHY
Used calligraphy for the dates and scores to give a handwritten visual effect, enhancing the personal and artisanal feel.
◀ TEXTURE 2
CALIGRAPHY
To maintain an analog feel, we have added a paper texture to the tasting notes, simulating the experience of notes written on paper.
Solution for Needs 2
Solution for Needs 2
Solution for Needs 2
Help to explore with detailed insights
Help to explore with detailed insights
Help to explore with detailed insights
The Needs
The Needs
The Needs
Users want to discover new wine options, make informed selections, and expand their wine knowledge through shared and reliable information about wines and wineries.
Users want to discover new wine options, make informed selections, and expand their wine knowledge through shared and reliable information about wines and wineries.
Users want to discover new wine options, make informed selections, and expand their wine knowledge through shared and reliable information about wines and wineries.
The Solution
The Solution
The Solution
We created a feature that allows users to easily search for wines and wineries, providing access to detailed information, including scores, descriptions, and insights about each wine.
We created a feature that allows users to easily search for wines and wineries, providing access to detailed information, including scores, descriptions, and insights about each wine.
We created a feature that allows users to easily search for wines and wineries, providing access to detailed information, including scores, descriptions, and insights about each wine.
The Benefit
The Benefit
The Benefit
Empowers users to make confident and informed wine choices while expanding their knowledge and enhancing their overall wine exploration experience.
Empowers users to make confident and informed wine choices while expanding their knowledge and enhancing their overall wine exploration experience.
Empowers users to make confident and informed wine choices while expanding their knowledge and enhancing their overall wine exploration experience.
Who is the another target audience?
Who is the another target audience?
Who is the another target audience?
Secondary User — Wine producers
Secondary User — Wine producers
Secondary User — Wine producers
The project scope focused on wine consumers, but we identified the primary need for wine producers, laying the groundwork for future expansion.
Needs 1
Needs 1
Needs 1
“I wish I could see how many people own and have tasted my wines to understand their preferences and improve my offerings.”
“I wish I could see how many people own and have tasted my wines to understand their preferences and improve my offerings.”
“I wish I could see how many people own and have tasted my wines to understand their preferences and improve my offerings.”
Solution for needs
Solution for needs
Solution for needs
Provide consumer data to offer insights
Provide consumer data to offer insights
The Needs
The Needs
The Needs
Wine producers struggle to gain insights into how their wines are being consumed and owned, limiting their ability to understand their audience and tailor their offerings effectively.
Wine producers struggle to gain insights into how their wines are being consumed and owned, limiting their ability to understand their audience and tailor their offerings effectively.
Wine producers struggle to gain insights into how their wines are being consumed and owned, limiting their ability to understand their audience and tailor their offerings effectively.
The Solution
The Solution
The Solution
We designed to access detailed insights about their wines, such as how many people own or have tasted them. These insights provide valuable market analysis to help producers better understand consumer behavior and preferences.
We designed to access detailed insights about their wines, such as how many people own or have tasted them. These insights provide valuable market analysis to help producers better understand consumer behavior and preferences.
We designed to access detailed insights about their wines, such as how many people own or have tasted them. These insights provide valuable market analysis to help producers better understand consumer behavior and preferences.
The Benefit
The Benefit
The Benefit
Empowers producers with actionable data to refine their offerings, improve audience targeting, and enhance their overall market strategy.
Empowers producers with actionable data to refine their offerings, improve audience targeting, and enhance their overall market strategy.
Empowers producers with actionable data to refine their offerings, improve audience targeting, and enhance their overall market strategy.
Project Process
Project Process
Project Process
Building a Clear Framework for App Features
Low fidelity sketches & collaborationBuilding Liqr’s information architecture
Low fidelity sketches & collaborationBuilding Liqr’s information architecture
The client had predefined the main features, so our focus shifted to presenting them effectively. We developed the information architecture and task flows to ensure the app’s structure was intuitive and user-friendly. This approach streamlined navigation, making the features more accessible and enhancing the overall user experience.
The client had predefined the main features, so our focus shifted to presenting them effectively. We developed the information architecture and task flows to ensure the app’s structure was intuitive and user-friendly. This approach streamlined navigation, making the features more accessible and enhancing the overall user experience.
The client had predefined the main features, so our focus shifted to presenting them effectively. We developed the information architecture and task flows to ensure the app’s structure was intuitive and user-friendly. This approach streamlined navigation, making the features more accessible and enhancing the overall user experience.
▲ Scroll to left
Ideation
Ideation
Ideation
Optimizing Design with Wireframe Options
Optimizing Design with Wireframe Options
Optimizing Design with Wireframe Options
After finalizing the information architecture, we designed multiple low-fidelity wireframe options for each screen to explore various design solutions. This iterative process allowed us to evaluate and combine the best elements from each option, resulting in a cohesive and optimized design layout. This approach was effective because it promoted thorough exploration, encouraged collaboration, and led to functional, user-centered screens that balanced creativity with practicality.
After finalizing the information architecture, we designed multiple low-fidelity wireframe options for each screen to explore various design solutions. This iterative process allowed us to evaluate and combine the best elements from each option, resulting in a cohesive and optimized design layout. This approach was effective because it promoted thorough exploration, encouraged collaboration, and led to functional, user-centered screens that balanced creativity with practicality.
After finalizing the information architecture, we designed multiple low-fidelity wireframe options for each screen to explore various design solutions. This iterative process allowed us to evaluate and combine the best elements from each option, resulting in a cohesive and optimized design layout. This approach was effective because it promoted thorough exploration, encouraged collaboration, and led to functional, user-centered screens that balanced creativity with practicality.
Iterations: Moving to Mid-Fidelity
Iterations: Moving to Mid-Fidelity
Iterations: Moving to Mid-Fidelity
Refining Visual Cues for Clearer Differentiation
Refining Visual Cues for Clearer Differentiation
Refining Visual Cues for Clearer Differentiation
Before
Before
Before
We tried using a stamp mark with the date to differentiate the Cellar from the Tasting. However, we received feedback that the wine bottle itself is more important, and the stamp mark drew attention away from it.
We tried using a stamp mark with the date to differentiate the Cellar from the Tasting. However, we received feedback that the wine bottle itself is more important, and the stamp mark drew attention away from it.
We tried using a stamp mark with the date to differentiate the Cellar from the Tasting. However, we received feedback that the wine bottle itself is more important, and the stamp mark drew attention away from it.
After
After
After
To address this, we removed the stamp mark and instead added a wine glass next to the bottle to indicate that it is open, signifying that this is the Tasting screen.
To address this, we removed the stamp mark and instead added a wine glass next to the bottle to indicate that it is open, signifying that this is the Tasting screen.
To address this, we removed the stamp mark and instead added a wine glass next to the bottle to indicate that it is open, signifying that this is the Tasting screen.
Enhancing Readability While Preserving an Analog Feel
Enhancing Readability While Preserving an Analog Feel
Enhancing Readability While Preserving an Analog Feel
Before
Before
Before
We tried using a stamp to give an analog vibe, but the stamp mark was not readable, and the written text appeared dull.
We tried using a stamp to give an analog vibe, but the stamp mark was not readable, and the written text appeared dull.
We tried using a stamp to give an analog vibe, but the stamp mark was not readable, and the written text appeared dull.
After
After
After
To address this, we replaced the stamp mark with a handwritten style to maintain the analog feeling. Additionally, we converted the text into a chart, making the information more visual, readable, and noticeable compared to plain text.
To address this, we replaced the stamp mark with a handwritten style to maintain the analog feeling. Additionally, we converted the text into a chart, making the information more visual, readable, and noticeable compared to plain text.
To address this, we replaced the stamp mark with a handwritten style to maintain the analog feeling. Additionally, we converted the text into a chart, making the information more visual, readable, and noticeable compared to plain text.
Branding
Branding
Branding
Creating Consistency Through Brand Guidelines
Creating Consistency Through Brand Guidelines
Creating Consistency Through Brand Guidelines
To ensure consistency across the design, we developed a comprehensive brand guideline. This included tone of voice, colors, typography, iconography, and imagery to establish a cohesive visual and communicative identity. By creating this guideline, we provided clear direction for maintaining brand alignment throughout the project. This approach was effective as it streamlined collaboration, reduced ambiguity, and ensured a unified and professional presentation across all touchpoints.
To ensure consistency across the design, we developed a comprehensive brand guideline. This included tone of voice, colors, typography, iconography, and imagery to establish a cohesive visual and communicative identity. By creating this guideline, we provided clear direction for maintaining brand alignment throughout the project. This approach was effective as it streamlined collaboration, reduced ambiguity, and ensured a unified and professional presentation across all touchpoints.
To ensure consistency across the design, we developed a comprehensive brand guideline. This included tone of voice, colors, typography, iconography, and imagery to establish a cohesive visual and communicative identity. By creating this guideline, we provided clear direction for maintaining brand alignment throughout the project. This approach was effective as it streamlined collaboration, reduced ambiguity, and ensured a unified and professional presentation across all touchpoints.
01
01
01
Elite
Elite
Elite
Liqr is designed for wine enthusiasts. It provides high-level wine knowledge to enhance understanding of wine and refine users' unique tastes.
Liqr is designed for wine enthusiasts. It provides high-level wine knowledge to enhance understanding of wine and refine users' unique tastes.
Liqr is designed for wine enthusiasts. It provides high-level wine knowledge to enhance understanding of wine and refine users' unique tastes.
02
02
02
Reliable
Reliable
Reliable
The wines that enthusiasts enjoy are usually high-end. Scanning to add wine is simple but transparent, leaving users with a sense of trust.
The wines that enthusiasts enjoy are usually high-end. Scanning to add wine is simple but transparent, leaving users with a sense of trust.
The wines that enthusiasts enjoy are usually high-end. Scanning to add wine is simple but transparent, leaving users with a sense of trust.
03
03
03
Personalized
Personalized
Personalized
Everyone has their own preferences. Liqr curates similar wines and wineries based on the user's history to help develop a richer wine experience.
Everyone has their own preferences. Liqr curates similar wines and wineries based on the user's history to help develop a richer wine experience.
Everyone has their own preferences. Liqr curates similar wines and wineries based on the user's history to help develop a richer wine experience.
What I Learned
What I Learned
What I Learned
Reflecting on the project outcomes
Reflecting on the project outcomes
Reflecting on the project outcomes
This project was my first experience designing an app for clients. Since we were creating a completely new app, it was crucial to align with the clients' ideas. I learned how to communicate effectively with clients.
This project was my first experience designing an app for clients. Since we were creating a completely new app, it was crucial to align with the clients' ideas. I learned how to communicate effectively with clients.
01
01
01
Communication with Clients
Communication with Clients
Communication with Clients
The clients only had brief ideas of what they wanted to create, so we spent a lot of time building the information architecture and developing mid-fidelity wireframes to visualize the app. This was my first time building an app from a solution, requiring me to communicate extensively with the clients to understand the background and align with their thoughts and ideas.
The clients only had brief ideas of what they wanted to create, so we spent a lot of time building the information architecture and developing mid-fidelity wireframes to visualize the app. This was my first time building an app from a solution, requiring me to communicate extensively with the clients to understand the background and align with their thoughts and ideas.
The clients only had brief ideas of what they wanted to create, so we spent a lot of time building the information architecture and developing mid-fidelity wireframes to visualize the app. This was my first time building an app from a solution, requiring me to communicate extensively with the clients to understand the background and align with their thoughts and ideas.
02
02
02
Organizing Files for Developer Handoff
Organizing Files for Developer Handoff
Organizing Files for Developer Handoff
Since there was no developer on our team, we needed to organize all the design files for a smooth handoff to the developers. This was my first experience seeing my design implemented in code. We created guidelines for padding and margins to ensure consistency across all designers' work.
Since there was no developer on our team, we needed to organize all the design files for a smooth handoff to the developers. This was my first experience seeing my design implemented in code. We created guidelines for padding and margins to ensure consistency across all designers' work.
Since there was no developer on our team, we needed to organize all the design files for a smooth handoff to the developers. This was my first experience seeing my design implemented in code. We created guidelines for padding and margins to ensure consistency across all designers' work.
Thank you for visiting my portfolio
Thank you for visiting my portfolio
Thank you for visiting my portfolio
© 2024. Designed by Sooin
© 2024. Designed by Sooin
© 2024. Designed by Sooin