Liqr

Liqr

Liqr

Designing a digital wine cellar app for wine enthusiasts to seamlessly organize collections, share experiences, and discover rich wine insights
Designing a digital wine cellar app for wine enthusiasts to seamlessly organize collections, share experiences, and discover rich wine insights
Designing a digital wine cellar app for wine enthusiasts to seamlessly organize collections, share experiences, and discover rich wine insights

Project Overview

Project Overview

Project Overview

As a Product Designer at Blinkers, I led the design of Liqr, a mobile app aimed at empowering wine enthusiasts to effortlessly organize their collections, share experiences, and deepen their knowledge of wines. The project focused on creating an intuitive and engaging digital wine cellar from concept to completion (0 to 1 development).

As a Product Designer at Blinkers, I led the design of Liqr, a mobile app aimed at empowering wine enthusiasts to effortlessly organize their collections, share experiences, and deepen their knowledge of wines. The project focused on creating an intuitive and engaging digital wine cellar from concept to completion (0 to 1 development).

As a Product Designer at Blinkers, I led the design of Liqr, a mobile app aimed at empowering wine enthusiasts to effortlessly organize their collections, share experiences, and deepen their knowledge of wines. The project focused on creating an intuitive and engaging digital wine cellar from concept to completion (0 to 1 development).

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

Skills

Skills

Competitive Analysis

Information Architecture

Journey Map Diagramming

Design System

User Interface (UI) Design
Wireframing

Prototyping

Competitive Analysis

Information Architecture

Journey Map Diagramming

Design System

User Interface (UI) Design
Wireframing

Prototyping

I led the design and development of high-fidelity screens for Liqr, launching it on the App Store.

I led the design and development of high-fidelity screens for Liqr, launching it on the App Store.
I led the design and development of high-fidelity screens for Liqr, launching it on the App Store.

My Roles

My Roles

My Roles

  • Developed the information architecture and user flows to ensure intuitive navigation and organized structure.

  • Created intuitive user interfaces, evolving designs from low-fidelity wireframes to high-fidelity prototypes, and conducted prototyping to visualize interactions effectively.

  • Developed the information architecture and user flows to ensure intuitive navigation and organized structure.

  • Created intuitive user interfaces, evolving designs from low-fidelity wireframes to high-fidelity prototypes, and conducted prototyping to visualize interactions effectively.

  • Developed the information architecture and user flows to ensure intuitive navigation and organized structure.

  • Created intuitive user interfaces, evolving designs from low-fidelity wireframes to high-fidelity prototypes, and conducted prototyping to visualize interactions effectively.

Outcomes & Impacts

Outcomes & Impacts

Outcomes & Impacts

Successfully delivered high-quality design screens aligned with the client’s vision, laying a strong foundation for development and leading to the app’s successful launch on the App Store.

Successfully delivered high-quality design screens aligned with the client’s vision, laying a strong foundation for development and leading to the app’s successful launch on the App Store.

Successfully delivered high-quality design screens aligned with the client’s vision, laying a strong foundation for development and leading to the app’s successful launch on the App Store.

Project Goal & Scope

Project Goal & Scope

Project Goal & Scope

"We want to expand the wine journey by creating a digital wine cellar."

"We want to expand the wine journey by creating a digital wine cellar."

Building on its current experience of issuing NFTs for wines —allowing customers to trade, invest, or redeem tokens for physical wine — Blinkers aims to elevate the wine journey by creating a digital wine cellar.

Building on its current experience of issuing NFTs for wines —allowing customers to trade, invest, or redeem tokens for physical wine — Blinkers aims to elevate the wine journey by creating a digital wine cellar.

The Problem & Challenge

The Problem & Challenge

The Problem & Challenge

What are the challenges and needs to be solved?

What are the challenges and needs to be solved?
What are the challenges and needs to be solved?

The client had already conducted surveys and research on consumer behaviors related to purchasing, managing, and tasting wine. Our team analyzed this data and identified key user needs and challenges.

The client had already conducted surveys and research on consumer behaviors related to purchasing, managing, and tasting wine. Our team analyzed this data and identified key user needs and challenges.

01
01
01
Authenticity Concerns
Authenticity Concerns
Authenticity Concerns

Need a reliable way to verify wine authenticity due to counterfeit wines and mislabeling, which impact trust in purchases

Need a reliable way to verify wine authenticity due to counterfeit wines and mislabeling, which impact trust in purchases

Need a reliable way to verify wine authenticity due to counterfeit wines and mislabeling, which impact trust in purchases

02
02
02
Lack of Centralized Tracking
Lack of Centralized Tracking
Lack of Centralized Tracking

Struggle to manage their collections and tasting experiences due to fragmented methods for tracking tasting notes, owned wines, and past tastings

Struggle to manage their collections and tasting experiences due to fragmented methods for tracking tasting notes, owned wines, and past tastings

Struggle to manage their collections and tasting experiences due to fragmented methods for tracking tasting notes, owned wines, and past tastings

03
03
03
Social Connection and Sharing
Social Connection and Sharing
Social Connection and Sharing

Want to document and share wine experiences to enhance social connections and recommendations

Want to document and share wine experiences to enhance social connections and recommendations

Want to document and share wine experiences to enhance social connections and recommendations

04
04
04
Discovery & Learning
Discovery & Learning
Discovery & Learning

Seek tools to explore wines and wineries to make informed choices and expand their knowledge

Seek tools to explore wines and wineries to make informed choices and expand their knowledge

Seek tools to explore wines and wineries to make informed choices and expand their knowledge

Solution for Authenticity Concerns

Solution for Authenticity Concerns

Solution for Authenticity Concerns

Provide certification cards to ensure authenticity

Provide certification cards to ensure authenticity

We found that while the company issued NFTs for each wine after authenticity verification, users struggled to verify authenticity after redemption. To solve this, we developed a QR code system for each bottle by Blinkers, enabling users to easily add redeemed wines to their digital wine cellar. The QR code ensures authenticity and seamlessly proves ownership.

We found that while the company issued NFTs for each wine after authenticity verification, users struggled to verify authenticity after redemption. To solve this, we developed a QR code system for each bottle by Blinkers, enabling users to easily add redeemed wines to their digital wine cellar. The QR code ensures authenticity and seamlessly proves ownership.

We found that while the company issued NFTs for each wine after authenticity verification, users struggled to verify authenticity after redemption. To solve this, we developed a QR code system for each bottle by Blinkers, enabling users to easily add redeemed wines to their digital wine cellar. The QR code ensures authenticity and seamlessly proves ownership.

Provide certification cards to ensure authenticity

Solution for Centralized Tracking

Solution for Centralized Tracking

Solution for Centralized Tracking

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

We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab. Making it effortless for users to view and manage their entire wine collection in one place.

We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab. Making it effortless for users to view and manage their entire wine collection in one place.

We designed a digital wine cellar that consolidates owned, tasted, and wishlist wines into a single tab. Making it effortless for users to view and manage their entire wine collection in one place.

Solution for Sharing Experience

Solution for Sharing Experience

Solution for Sharing Experience

Help to capture and share wine experiences with the tasting notes

Help to capture and share wine experiences with the tasting notes
Help to capture and share wine experiences with the tasting notes

We discovered that wine enthusiasts value sharing their tasting experiences, as it adds emotional depth and strengthens social connections. To address this, we designed a Tasting Notes feature, allowing users to document flavors, record shared moments, add personal ratings, and validate their tastings through a certification, enhancing enjoyment and connection.

We discovered that wine enthusiasts value sharing their tasting experiences, as it adds emotional depth and strengthens social connections. To address this, we designed a Tasting Notes feature, allowing users to document flavors, record shared moments, add personal ratings, and validate their tastings through a certification, enhancing enjoyment and connection.

We discovered that wine enthusiasts value sharing their tasting experiences, as it adds emotional depth and strengthens social connections. To address this, we designed a Tasting Notes feature, allowing users to document flavors, record shared moments, add personal ratings, and validate their tastings through a certification, enhancing enjoyment and connection.

Solution for Discovery & Learning

Solution for Discovery & Learning

Solution for Discovery & Learning

Help to explore with detailed insights

Help to explore with detailed insights
Help to explore with detailed insights

Users wanted a reliable way to discover new wines and wineries with detailed information to make informed choices. To address this, we created a feature that provides scores, descriptions, and expert insights, empowering users to expand their wine knowledge and make confident decisions.

Users wanted a reliable way to discover new wines and wineries with detailed information to make informed choices. To address this, we created a feature that provides scores, descriptions, and expert insights, empowering users to expand their wine knowledge and make confident decisions.

Users wanted a reliable way to discover new wines and wineries with detailed information to make informed choices. To address this, we created a feature that provides scores, descriptions, and expert insights, empowering users to expand their wine knowledge and make confident decisions.

Behind the curtains

Behind the curtains
Behind the curtains

Building the Structure

Building the Structure

Building the Structure

Building a Clear Framework

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.

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. 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. 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. 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