2023 – 2024
UX Design for a Mobile App of an Off-Price Online Store
Client:
HalfPrice
UX Research
Information Architecture
Wireframing & Prototyping
Usability Testing
Mobile App
2023 – 2024
UX Design for a Mobile App of an Off-Price Online Store
Client:
HalfPrice
UX Research
Information Architecture
Wireframing & Prototyping
Usability Testing
Mobile App
2023 – 2024
UX Design for a Mobile App of an Off-Price Online Store
Client:
HalfPrice
UX Research
Information Architecture
Wireframing & Prototyping
Usability Testing
Mobile App
2023 – 2024
UX Design for a Mobile App of an Off-Price Online Store
Client:
HalfPrice
UX Research
Information Architecture
Wireframing & Prototyping
Usability Testing
Mobile App
2023 – 2024
UX Design for a Mobile App of an Off-Price Online Store
Client:
HalfPrice
UX Research
Information Architecture
Wireframing & Prototyping
Usability Testing
Mobile App
Overview
Overview
Overview
Overview
Overview
ABOUT HALFPRICE
HalfPrice is a chain of stores operating in the off-price industry. It offers a wide range of products from popular brands at bargain prices. HalfPrice is presented in 10 countries and supports both offline and online sales. It is part of the CCC Group.
ABOUT HALFPRICE
HalfPrice is a chain of stores operating in the off-price industry. It offers a wide range of products from popular brands at bargain prices. HalfPrice is presented in 10 countries and supports both offline and online sales. It is part of the CCC Group.
ABOUT HALFPRICE
HalfPrice is a chain of stores operating in the off-price industry. It offers a wide range of products from popular brands at bargain prices. HalfPrice is presented in 10 countries and supports both offline and online sales. It is part of the CCC Group.
ABOUT HALFPRICE
HalfPrice is a chain of stores operating in the off-price industry. It offers a wide range of products from popular brands at bargain prices. HalfPrice is presented in 10 countries and supports both offline and online sales. It is part of the CCC Group.
ABOUT HALFPRICE
HalfPrice is a chain of stores operating in the off-price industry. It offers a wide range of products from popular brands at bargain prices. HalfPrice is presented in 10 countries and supports both offline and online sales. It is part of the CCC Group.
CONTEXT
The case was carried out as part of a UX Bootcamp, where our team of five people worked on a project for the HalfPrice brand. All team members took part in every step of the UX design process. The main goal was to develop a design of the HalfPrice mobile app but there were extra challenges.
CONTEXT
The case was carried out as part of a UX Bootcamp, where our team of five people worked on a project for the HalfPrice brand. All team members took part in every step of the UX design process. The main goal was to develop a design of the HalfPrice mobile app but there were extra challenges.
CONTEXT
The case was carried out as part of a UX Bootcamp, where our team of five people worked on a project for the HalfPrice brand. All team members took part in every step of the UX design process. The main goal was to develop a design of the HalfPrice mobile app but there were extra challenges.
CONTEXT
The case was carried out as part of a UX Bootcamp, where our team of five people worked on a project for the HalfPrice brand. All team members took part in every step of the UX design process. The main goal was to develop a design of the HalfPrice mobile app but there were extra challenges.
CONTEXT
The case was carried out as part of a UX Bootcamp, where our team of five people worked on a project for the HalfPrice brand. All team members took part in every step of the UX design process. The main goal was to develop a design of the HalfPrice mobile app but there were extra challenges.
BUSINESS CHALLENGE
Align the app design with other brand channels such as the corporate website and physical stores.
Consider in the app the differences and connections between HalfPrice and CCC brands.
Focus on the clarifying the loyalty program specifics and benefits.
BUSINESS CHALLENGE
Align the app design with other brand channels such as the corporate website and physical stores.
Consider in the app the differences and connections between HalfPrice and CCC brands.
Focus on the clarifying the loyalty program specifics and benefits.
BUSINESS CHALLENGE
Align the app design with other brand channels such as the corporate website and physical stores.
Consider in the app the differences and connections between HalfPrice and CCC brands.
Focus on the clarifying the loyalty program specifics and benefits.
BUSINESS CHALLENGE
Align the app design with other brand channels such as the corporate website and physical stores.
Consider in the app the differences and connections between HalfPrice and CCC brands.
Focus on the clarifying the loyalty program specifics and benefits.
BUSINESS CHALLENGE
Align the app design with other brand channels such as the corporate website and physical stores.
Consider in the app the differences and connections between HalfPrice and CCC brands.
Focus on the clarifying the loyalty program specifics and benefits.
Exploratory research
Exploratory research
Exploratory research
Exploratory research
Exploratory research
PROCESS
During the exploratory research stage, we conducted desk research, competitive analysis, a service safari focused on the HalfPrice website, and individual in-depth interviews with the target audience (6 respondents).
PROCESS
During the exploratory research stage, we conducted desk research, competitive analysis, a service safari focused on the HalfPrice website, and individual in-depth interviews with the target audience (6 respondents).
PROCESS
During the exploratory research stage, we conducted desk research, competitive analysis, a service safari focused on the HalfPrice website, and individual in-depth interviews with the target audience (6 respondents).
PROCESS
During the exploratory research stage, we conducted desk research, competitive analysis, a service safari focused on the HalfPrice website, and individual in-depth interviews with the target audience (6 respondents).
PROCESS
During the exploratory research stage, we conducted desk research, competitive analysis, a service safari focused on the HalfPrice website, and individual in-depth interviews with the target audience (6 respondents).
RESEARCH FINDINGS
There is limited visibility and understanding of the loyality program.
Respondents are not motivated to create an account.
The current website has a confusing information architecture.
Compared to the competition HalfPrice looks weaker.
RESEARCH FINDINGS
There is limited visibility and understanding of the loyality program.
Respondents are not motivated to create an account.
The current website has a confusing information architecture.
Compared to the competition HalfPrice looks weaker.
RESEARCH FINDINGS
There is limited visibility and understanding of the loyality program.
Respondents are not motivated to create an account.
The current website has a confusing information architecture.
Compared to the competition HalfPrice looks weaker.
RESEARCH FINDINGS
There is limited visibility and understanding of the loyality program.
Respondents are not motivated to create an account.
The current website has a confusing information architecture.
Compared to the competition HalfPrice looks weaker.
RESEARCH FINDINGS
There is limited visibility and understanding of the loyality program.
Respondents are not motivated to create an account.
The current website has a confusing information architecture.
Compared to the competition HalfPrice looks weaker.
Design process
Design process
Design process
Design process
Design process
IDEATION & USER STORY MAP
After conducting research and defining the problem, we moved on to the brainstorming and ideation stage. We generated a lot of ideas, but selected those that provided the greatest value with the least effort. This resulted in creating a user story map, which guided our next steps in the design process.
IDEATION & USER STORY MAP
After conducting research and defining the problem, we moved on to the brainstorming and ideation stage. We generated a lot of ideas, but selected those that provided the greatest value with the least effort. This resulted in creating a user story map, which guided our next steps in the design process.
IDEATION & USER STORY MAP
After conducting research and defining the problem, we moved on to the brainstorming and ideation stage. We generated a lot of ideas, but selected those that provided the greatest value with the least effort. This resulted in creating a user story map, which guided our next steps in the design process.
IDEATION & USER STORY MAP
After conducting research and defining the problem, we moved on to the brainstorming and ideation stage. We generated a lot of ideas, but selected those that provided the greatest value with the least effort. This resulted in creating a user story map, which guided our next steps in the design process.
IDEATION & USER STORY MAP
After conducting research and defining the problem, we moved on to the brainstorming and ideation stage. We generated a lot of ideas, but selected those that provided the greatest value with the least effort. This resulted in creating a user story map, which guided our next steps in the design process.
User Story Map
User Story Map
User Story Map
User Story Map
User Story Map
PROTOTYPING
The user story map was then transformed into low-fidelity layouts, helping us visualize the user flow and identify areas for improvement before moving on to high-fidelity designs.
The next stage, detailed designs, represents the final product with visual elements, color schemes, typography, and interactivity. Hi-fi prototypes allowed us to test our ideas and solutions, ensuring the final design is user-friendly and effective before development.
PROTOTYPING
The user story map was then transformed into low-fidelity layouts, helping us visualize the user flow and identify areas for improvement before moving on to high-fidelity designs.
The next stage, detailed designs, represents the final product with visual elements, color schemes, typography, and interactivity. Hi-fi prototypes allowed us to test our ideas and solutions, ensuring the final design is user-friendly and effective before development.
PROTOTYPING
The user story map was then transformed into low-fidelity layouts, helping us visualize the user flow and identify areas for improvement before moving on to high-fidelity designs.
The next stage, detailed designs, represents the final product with visual elements, color schemes, typography, and interactivity. Hi-fi prototypes allowed us to test our ideas and solutions, ensuring the final design is user-friendly and effective before development.
PROTOTYPING
The user story map was then transformed into low-fidelity layouts, helping us visualize the user flow and identify areas for improvement before moving on to high-fidelity designs.
The next stage, detailed designs, represents the final product with visual elements, color schemes, typography, and interactivity. Hi-fi prototypes allowed us to test our ideas and solutions, ensuring the final design is user-friendly and effective before development.
PROTOTYPING
The user story map was then transformed into low-fidelity layouts, helping us visualize the user flow and identify areas for improvement before moving on to high-fidelity designs.
The next stage, detailed designs, represents the final product with visual elements, color schemes, typography, and interactivity. Hi-fi prototypes allowed us to test our ideas and solutions, ensuring the final design is user-friendly and effective before development.
Lo-Fi Prototypes
Lo-Fi Prototypes
Lo-Fi Prototypes
Lo-Fi Prototypes
Lo-Fi Prototypes
Hi-Fi Prototypes
Hi-Fi Prototypes
Hi-Fi Prototypes
Hi-Fi Prototypes
Hi-Fi Prototypes
Problems & Solutions
Problems & Solutions
Problems & Solutions
Problems & Solutions
Problems & Solutions
1. Limited visibility and understanding of the loyality program
Solutions:
Add short onboarding and a dedicated page with information about the Club.
Mark with padlock icons the sections available only to Club members.
Identify the common HalfPrice and CCC Loyalty Club with shared logos.
1. Limited visibility and understanding of the loyality program
Solutions:
Add short onboarding and a dedicated page with information about the Club.
Mark with padlock icons the sections available only to Club members.
Identify the common HalfPrice and CCC Loyalty Club with shared logos.
1. Limited visibility and understanding of the loyality program
Solutions:
Add short onboarding and a dedicated page with information about the Club.
Mark with padlock icons the sections available only to Club members.
Identify the common HalfPrice and CCC Loyalty Club with shared logos.
1. Limited visibility and understanding of the loyality program
Solutions:
Add short onboarding and a dedicated page with information about the Club.
Mark with padlock icons the sections available only to Club members.
Identify the common HalfPrice and CCC Loyalty Club with shared logos.
1. Limited visibility and understanding of the loyality program
Solutions:
Add short onboarding and a dedicated page with information about the Club.
Mark with padlock icons the sections available only to Club members.
Identify the common HalfPrice and CCC Loyalty Club with shared logos.
App Onboarding
Locked Sections
Locked Sections
Locked Sections
Locked Sections
Locked Sections
2. Respondents are not motivated to create an account
Solutions:
Open registration in a popup, which does not interrupt browsing the app. Include an option to log in via social media.
Display information about the Club's benefits on the main screen.
Create thematic campaigns with the following features:
2. Respondents are not motivated to create an account
Solutions:
Open registration in a popup, which does not interrupt browsing the app. Include an option to log in via social media.
Display information about the Club's benefits on the main screen.
Create thematic campaigns with the following features:
2. Respondents are not motivated to create an account
Solutions:
Open registration in a popup, which does not interrupt browsing the app. Include an option to log in via social media.
Display information about the Club's benefits on the main screen.
Create thematic campaigns with the following features:
2. Respondents are not motivated to create an account
Solutions:
Open registration in a popup, which does not interrupt browsing the app. Include an option to log in via social media.
Display information about the Club's benefits on the main screen.
Create thematic campaigns with the following features:
2. Respondents are not motivated to create an account
Solutions:
Open registration in a popup, which does not interrupt browsing the app. Include an option to log in via social media.
Display information about the Club's benefits on the main screen.
Create thematic campaigns with the following features:
- Ongoing and upcoming,
- Time-limited,
- Option to set a notification.
Registration Popup
Registration Popup
Registration Popup
Registration Popup
Registration Popup
Thematic Campaigns
3. Confusing information architecture on the current website
Solutions:
Design a clear application with intuitive navigation.
Display information about the price and delivery time on the first screen.
Put emphasis on thematic campaigns and featured brands.
3. Confusing information architecture on the current website
Solutions:
Design a clear application with intuitive navigation.
Display information about the price and delivery time on the first screen.
Put emphasis on thematic campaigns and featured brands.
3. Confusing information architecture on the current website
Solutions:
Design a clear application with intuitive navigation.
Display information about the price and delivery time on the first screen.
Put emphasis on thematic campaigns and featured brands.
3. Confusing information architecture on the current website
Solutions:
Design a clear application with intuitive navigation.
Display information about the price and delivery time on the first screen.
Put emphasis on thematic campaigns and featured brands.
3. Confusing information architecture on the current website
Solutions:
Design a clear application with intuitive navigation.
Display information about the price and delivery time on the first screen.
Put emphasis on thematic campaigns and featured brands.
Bar Navigation
Home Page
Home Page
Home Page
Home Page
Home Page
4. Compared to the competition HalfPrice fares worse
Solutions:
Adjust the color scheme: remove the intense red.
Incorporate more "live" photos.
4. Compared to the competition HalfPrice fares worse
Solutions:
Adjust the color scheme: remove the intense red.
Incorporate more "live" photos.
4. Compared to the competition HalfPrice fares worse
Solutions:
Adjust the color scheme: remove the intense red.
Incorporate more "live" photos.
4. Compared to the competition HalfPrice fares worse
Solutions:
Adjust the color scheme: remove the intense red.
Incorporate more "live" photos.
4. Compared to the competition HalfPrice fares worse
Solutions:
Adjust the color scheme: remove the intense red.
Incorporate more "live" photos.
Style Guide
Style Guide
Style Guide
Style Guide
Style Guide
Testing
Testing
Testing
Usability testing
Testing
PROCESS
After developing high-fidelity prototypes, we conducted usability tests with six respondents. We asked them to get acquainted with the application, make a purchase of a specific product, find information about the Club, and check the account status. While testing, we tried to observe the user natural behavior but also paid attention to the points that interested us.
PROCESS
After developing high-fidelity prototypes, we conducted usability tests with six respondents. We asked them to get acquainted with the application, make a purchase of a specific product, find information about the Club, and check the account status. While testing, we tried to observe the user natural behavior but also paid attention to the points that interested us.
PROCESS
After developing high-fidelity prototypes, we conducted usability tests with six respondents. We asked them to get acquainted with the application, make a purchase of a specific product, find information about the Club, and check the account status. While testing, we tried to observe the user natural behavior but also paid attention to the points that interested us.
PROCESS
After developing high-fidelity prototypes, we conducted usability tests with six respondents. We asked them to get acquainted with the application, make a purchase of a specific product, find information about the Club, and check the account status. While testing, we tried to observe the user natural behavior but also paid attention to the points that interested us.
PROCESS
After developing high-fidelity prototypes, we conducted usability tests with six respondents. We asked them to get acquainted with the application, make a purchase of a specific product, find information about the Club, and check the account status. While testing, we tried to observe the user natural behavior but also paid attention to the points that interested us.
TESTING FINDINGS
Some respondents still did not remember that HalfPrice and CCC share a common Club.
Some test participants incorrectly interpreted the sections with padlock icons.
The gray text bar was perceived as a search bar.
There was a lack of detailed information about costs and expected delivery time in the shopping cart.
TESTING FINDINGS
Some respondents still did not remember that HalfPrice and CCC share a common Club.
Some test participants incorrectly interpreted the sections with padlock icons.
The gray text bar was perceived as a search bar.
There was a lack of detailed information about costs and expected delivery time in the shopping cart.
TESTING FINDINGS
Some respondents still did not remember that HalfPrice and CCC share a common Club.
Some test participants incorrectly interpreted the sections with padlock icons.
The gray text bar was perceived as a search bar.
There was a lack of detailed information about costs and expected delivery time in the shopping cart.
TESTING FINDINGS
Some respondents still did not remember that HalfPrice and CCC share a common Club.
Some test participants incorrectly interpreted the sections with padlock icons.
The gray text bar was perceived as a search bar.
There was a lack of detailed information about costs and expected delivery time in the shopping cart.
TESTING FINDINGS
Some respondents still did not remember that HalfPrice and CCC share a common Club.
Some test participants incorrectly interpreted the sections with padlock icons.
The gray text bar was perceived as a search bar.
There was a lack of detailed information about costs and expected delivery time in the shopping cart.
CORRECTIONS
Some problems we identified were easy to fix, such as the misunderstanding of the gray text bar or the lack of information about costs and expected delivery. However, we also found that not all of our solutions worked as expected, such as some respondents' poor recall of the Club concept. We tried to make the titles shorter and more concise and added more visual elements to achieve more effective information perception.
CORRECTIONS
Some problems we identified were easy to fix, such as the misunderstanding of the gray text bar or the lack of information about costs and expected delivery. However, we also found that not all of our solutions worked as expected, such as some respondents' poor recall of the Club concept. We tried to make the titles shorter and more concise and added more visual elements to achieve more effective information perception.
CORRECTIONS
Some problems we identified were easy to fix, such as the misunderstanding of the gray text bar or the lack of information about costs and expected delivery. However, we also found that not all of our solutions worked as expected, such as some respondents' poor recall of the Club concept. We tried to make the titles shorter and more concise and added more visual elements to achieve more effective information perception.
CORRECTIONS
Some problems we identified were easy to fix, such as the misunderstanding of the gray text bar or the lack of information about costs and expected delivery. However, we also found that not all of our solutions worked as expected, such as some respondents' poor recall of the Club concept. We tried to make the titles shorter and more concise and added more visual elements to achieve more effective information perception.
CORRECTIONS
Some problems we identified were easy to fix, such as the misunderstanding of the gray text bar or the lack of information about costs and expected delivery. However, we also found that not all of our solutions worked as expected, such as some respondents' poor recall of the Club concept. We tried to make the titles shorter and more concise and added more visual elements to achieve more effective information perception.
Result
Result
Result
Result
Result
ENGAGEMENT
Consequently, we designed the mobile app while addressing all business challenges. The client was pleased and satisfied with our team's work and the final outcome.
ENGAGEMENT
Consequently, we designed the mobile app while addressing all business challenges. The client was pleased and satisfied with our team's work and the final outcome.
ENGAGEMENT
Consequently, we designed the mobile app while addressing all business challenges. The client was pleased and satisfied with our team's work and the final outcome.
ENGAGEMENT
Consequently, we designed the mobile app while addressing all business challenges. The client was pleased and satisfied with our team's work and the final outcome.
ENGAGEMENT
Consequently, we designed the mobile app while addressing all business challenges. The client was pleased and satisfied with our team's work and the final outcome.
LEARNINGS & IMPRESSIONS
This project was carried out as part of UX Bootcamp, where we explored the key stages of the UX process. It was very useful and inspiring. Some aspects were already familiar to me, while others were new (for example, writing a script for usability testing). We completed all the work as a team of five, learning to distribute responsibility and listen to each other.
During the project, we often had to revisit previous stages and reconsider some problems and solutions. The main challenge was addressing business constraints that we couldn't influence, such as mandatory registration and complex and unsatisfactory loyalty program policy. However, limitations in the design process are common issue, and we found it engaging to work through.
LEARNINGS & IMPRESSIONS
This project was carried out as part of UX Bootcamp, where we explored the key stages of the UX process. It was very useful and inspiring. Some aspects were already familiar to me, while others were new (for example, writing a script for usability testing). We completed all the work as a team of five, learning to distribute responsibility and listen to each other.
During the project, we often had to revisit previous stages and reconsider some problems and solutions. The main challenge was addressing business constraints that we couldn't influence, such as mandatory registration and complex and unsatisfactory loyalty program policy. However, limitations in the design process are common issue, and we found it engaging to work through.
LEARNINGS & IMPRESSIONS
This project was carried out as part of UX Bootcamp, where we explored the key stages of the UX process. It was very useful and inspiring. Some aspects were already familiar to me, while others were new (for example, writing a script for usability testing). We completed all the work as a team of five, learning to distribute responsibility and listen to each other.
During the project, we often had to revisit previous stages and reconsider some problems and solutions. The main challenge was addressing business constraints that we couldn't influence, such as mandatory registration and complex and unsatisfactory loyalty program policy. However, limitations in the design process are common issue, and we found it engaging to work through.
LEARNINGS & IMPRESSIONS
This project was carried out as part of UX Bootcamp, where we explored the key stages of the UX process. It was very useful and inspiring. Some aspects were already familiar to me, while others were new (for example, writing a script for usability testing). We completed all the work as a team of five, learning to distribute responsibility and listen to each other.
During the project, we often had to revisit previous stages and reconsider some problems and solutions. The main challenge was addressing business constraints that we couldn't influence, such as mandatory registration and complex and unsatisfactory loyalty program policy. However, limitations in the design process are common issue, and we found it engaging to work through.
LEARNINGS & IMPRESSIONS
This project was carried out as part of UX Bootcamp, where we explored the key stages of the UX process. It was very useful and inspiring. Some aspects were already familiar to me, while others were new (for example, writing a script for usability testing). We completed all the work as a team of five, learning to distribute responsibility and listen to each other.
During the project, we often had to revisit previous stages and reconsider some problems and solutions. The main challenge was addressing business constraints that we couldn't influence, such as mandatory registration and complex and unsatisfactory loyalty program policy. However, limitations in the design process are common issue, and we found it engaging to work through.
