Gold Stab Pub Application
Gold Stab Pub Application
Gold Stab Pub Application
The Gold Stag Pub app is a high end food mobile ordering app designed from the ground up to elevate the ordering experience. They offer a multitude of gourmet meals and foods that can be delivered right to your doorstep.
The Gold Stag Pub app is a high end food mobile ordering app designed from the ground up to elevate the ordering experience. They offer a multitude of gourmet meals and foods that can be delivered right to your doorstep.
The Gold Stag Pub app is a high end food mobile ordering app designed from the ground up to elevate the ordering experience. They offer a multitude of gourmet meals and foods that can be delivered right to your doorstep.
Client
Client
Client
Gold Stag Pub
Gold Stag Pub
Gold Stag Pub
Discipline
Discipline
Discipline
UX/UI Design
UX/UI Design
UX/UI Design
Deliverables
Deliverables
Deliverables
Working Prototype
Working Prototype
Working Prototype
Software
Software
Software
The Problem
The Problem
The Problem
Customers that often go out to high end pubs and restaurant often expect a more sophisticated and seamless experience. Traditional ordering methods can be slow, confusing, and unappealing to a customer. This results in a negative user experience.
Customers that often go out to high end pubs and restaurant often expect a more sophisticated and seamless experience. Traditional ordering methods can be slow, confusing, and unappealing to a customer. This results in a negative user experience.
Customers that often go out to high end pubs and restaurant often expect a more sophisticated and seamless experience. Traditional ordering methods can be slow, confusing, and unappealing to a customer. This results in a negative user experience.
The Goal
The Goal
The Goal
The goal of the Gold Stab Pub app is to create a quick, easy, and intuitive experience for customers. This app will allow them to browse the menu, customize their orders, and place them directly inside the app. This will result in reduced wait times, boosted order confidence, and an overall enhanced user experience.
The goal of the Gold Stab Pub app is to create a quick, easy, and intuitive experience for customers. This app will allow them to browse the menu, customize their orders, and place them directly inside the app. This will result in reduced wait times, boosted order confidence, and an overall enhanced user experience.
The goal of the Gold Stab Pub app is to create a quick, easy, and intuitive experience for customers. This app will allow them to browse the menu, customize their orders, and place them directly inside the app. This will result in reduced wait times, boosted order confidence, and an overall enhanced user experience.
Target Markets
Target Markets
Target
Primary Market (45%): Working-upper class individuals and couples. This demographic is willing to pay a premium for the quality and convenience. These customers also have busy lifestyles and are likely to frequent delivery services.
Secondary Market (45%): Young professionals and food enthusiasts who enjoy new food experiences, but might not be able to go out due to time constraints. These customers value the convenience of delivery the most, while enjoying the comfortability of there own homes.
Tertiary Market (10%): Family's that want to enjoy a high quality meal, but don't want to deal with the hassle of bringing the children out to a restaurant.
Primary Market (45%):
Working-upper class individuals and couples. This demographic is willing to pay a premium for the quality and and convenience. These customers also have busy lifestyles and are likely to frequent delivery services.
Secondary Market (45%):
Young professionals and food enthusiasts who enjoy new food experiences, but might not be able to go out due to time constraints. These customers value the convenience of delivery the most, while enjoying the comfortability of there own homes.
Tertiary Market (10%):
Family's that want to enjoy a high quality meal, but don't want to deal with the hassle of bringing the children out to a restaurant.
Primary Market (45%): Working-upper class individuals and couples. This demographic is willing to pay a premium for the quality and convenience. These customers also have busy lifestyles and are likely to frequent delivery services.
Secondary Market (45%): Young professionals and food enthusiasts who enjoy new food experiences, but might not be able to go out due to time constraints. These customers value the convenience of delivery the most, while enjoying the comfortability of there own homes.
Tertiary Market (10%): Family's that want to enjoy a high quality meal, but don't want to deal with the hassle of bringing the children out to a restaurant.
User Interviews
User Interviews
I conducted many user interviews across all of my target markets to gain a better insight into what the users really needed and desired from the app. The findings from these interviews were an important part of designing this app to meet the users needs and expectations.
I conducted many user interviews across all of my target markets to gain a better insight into what the users really needed and desired from the app. The findings from these interviews were an important part of designing this app to meet the users needs and expectations.
Conclusions from User Interviews
Conclusions from User Interviews
Users wanted a recently ordered section
Users wanted transparent pricing
The ability to schedule delivery times and dates
Users wanted a recently ordered section
Users wanted transparent pricing
The ability to schedule delivery times and dates
User Interviews
I conducted many user interviews across all of my target markets to gain a better insight into what the users really needed and desired from the app. The findings from these interviews were an important part of designing this app to meet the users needs and expectations.
Conclusions from User Interviews
Users wanted a recently ordered section
Users wanted transparent pricing
The ability to schedule delivery times and dates
Personas
Personas
After collecting some data from research, I created two different personas that each represent the primary user groups that this app is designed for.
After collecting some data from research, I created two different personas that each represent the primary user groups that this app is designed for.
Personas
After collecting some data from research, I created two different personas that each represent the primary user groups that this app is designed for.
Competitive Analysis
Competitive Analysis
Competitive Analysis
To get a better understanding of the competition in this industry, I conducted a competitive audit of two companies. From this audit, I identified essential features and potential challenges that could impact the design. By performing this audit I am able to design my app to not only meet their levels of functionality but surpass them.
To get a better understanding of the competition in this industry, I conducted a competitive audit of two companies. From this audit, I identified essential features and potential challenges that could impact the design. By performing this audit I am able to design my app to not only meet their levels of functionality but surpass them.
To get a better understanding of the competition in this industry, I conducted a competitive audit of two companies. From this audit, I identified essential features and potential challenges that could impact the design. By performing this audit I am able to design my app to not only meet their levels of functionality but surpass them.
Information Architecture
Information Architecture
Information Architecture
This map is shows the apps structure and the hierarchy of pages and how the interact with each other.
This map is shows the apps structure and the hierarchy of pages and how the interact with each other.
This map is shows the apps structure and the hierarchy of pages and how the interact with each other.
Low Fidelity Wireframe
Low Fidelity Wireframe
Low Fidelity Wireframe
These are some rough sketches from low fidelity wire frames that I used for early user testing. This early testing helped eliminate any possible issues. This also helped me solidify some of my design choices, based on how intuitive some parts were to use.
These are some rough sketches from low fidelity wire frames that I used for early user testing. This early testing helped eliminate any possible issues. This also helped me solidify some of my design choices, based on how intuitive some parts were to use.
These are some rough sketches from low fidelity wire frames that I used for early user testing. This early testing helped eliminate any possible issues. This also helped me solidify some of my design choices, based on how intuitive some parts were to use.
Low Fidelity Findings
Low Fidelity Findings
Low Fidelity Findings
Users were confused by some iconography used
Some links between pages were directed incorrectly
Users felt overwhelmed and cluttered on some pages
Users were confused by some iconography used
Some links between pages were directed incorrectly
Users felt overwhelmed and cluttered on some pages
Users were confused by some iconography used
Some links between pages were directed incorrectly
Users felt overwhelmed and cluttered on some pages
UI Design
UI Design
Color
Color
I chose to use a quite dark color palette throughout the app to invoke the feeling of a high end pub atmosphere. The app contains high contrast of colors throughout, so all users should be able to read easily.
I chose to use a quite dark color palette throughout the app to invoke the feeling of a high end pub atmosphere. The app contains high contrast of colors throughout, so all users should be able to read easily.
#F6B308
#F6B308
#4C4C4C
#4C4C4C
#FFFFFF
#FFFFFF
#000000
#000000
Typography
Typography
For typography I choose to use the type family Inter. I choose this san-serif font because of it's legibility and modern feel. It was crafted for reading legibility on screens. It also has many fonts weight to create hierarchy using type.
For typography I choose to use the type family Inter. I choose this san-serif font because of it's legibility and modern feel. It was crafted for reading legibility on screens. It also has many fonts weight to create hierarchy using type.
Inter Regular
Inter Medium
Inter Bold
Inter Black
App Icon
App Icon
For my app icon I choose to do an outline of a stag's head. It's a clean an simple icon that emanates a clean and modern feel.
UI Design
Color
I chose to use a quite dark color palette throughout the app to invoke the feeling of a high end pub atmosphere. The app contains high contrast of colors throughout, so all users should be able to read easily.
#F6B308
#4C4C4C
#FFFFFF
#000000
Typography
For typography I choose to use the type family Inter. I choose this san-serif font because of it's legibility and modern feel. It was crafted for reading legibility on screens. It also has many fonts weight to create hierarchy using type.
Inter Regular
Inter Medium
Inter Bold
Inter Black
App Icon
For my app icon I choose to do an outline of a stag's head. It's a clean an simple icon that emanates a clean and modern feel.
App Icon
For my app icon I choose to do an outline of a stag's head. It's a clean an simple icon that emanates a clean and modern feel.
App Icon
For my app icon I choose to do an outline of a stag's head. It's a clean an simple icon that emanates a clean and modern feel.
High Fidelity User Testing
High Fidelity User Testing
High Fidelity User Testing
For the high fidelity user testing I conducted five different usability tests, 3 moderated and 2 un-moderated. I choose to use two different types of testing since each have their own strengths and it allowed me to gather much more information. For the testing the users were given a brief introduction to the app's concept and the goals of the testing session. Users were also told that any and all feedback is helpful. I wanted to create a safe environment for them to state any thought on feelings they were experiencing out loud without judgement. Users were then given access to the Figma prototype and asked to complete a set of tasks.
For the high fidelity user testing I conducted five different usability tests, 3 moderated and 2 un-moderated. I choose to use two different types of testing since each have their own strengths and it allowed me to gather much more information. For the testing the users were given a brief introduction to the app's concept and the goals of the testing session. Users were also told that any and all feedback is helpful. I wanted to create a safe environment for them to state any thought on feelings they were experiencing out loud without judgement. Users were then given access to the Figma prototype and asked to complete a set of tasks.
For the high fidelity user testing I conducted five different usability tests, 3 moderated and 2 un-moderated. I choose to use two different types of testing since each have their own strengths and it allowed me to gather much more information. For the testing the users were given a brief introduction to the app's concept and the goals of the testing session. Users were also told that any and all feedback is helpful. I wanted to create a safe environment for them to state any thought on feelings they were experiencing out loud without judgement. Users were then given access to the Figma prototype and asked to complete a set of tasks.
High Fidelity Findings
High Fidelity Findings
High Fidelity Findings
Touch points needed to be expanded
Checkout page needed modifications added to description
Needed clear back navigation for sign up process
Liked images as the forefront
Scheduled deliveries needed to be implemented
Touch points needed to be expanded
Checkout page needed modifications added to description
Needed clear back navigation for sign up process
Liked images as the forefront
Scheduled deliveries needed to be implemented
Touch points needed to be expanded
Checkout page needed modifications added to description
Needed clear back navigation for sign up process
Liked images as the forefront
Scheduled deliveries needed to be implemented
Stats & Analytics
Stats & Analytics
Stats & Analytics
During the high-fidelity usability study for the Gold Stag mobile interface, users demonstrated a 98% task completion rate, confirming the interface’s information flow and design. This level of completion leads to increased app usage and engagement, which ultimately translates into higher order conversion rates and repeat customer rates. The average task completion time of 4 seconds means customers can place orders quickly and easily, which reduces drop-off rates during the ordering process. This efficiency would likely lead to a higher number of completed orders, directly boosting revenue.
Moreover, the 90% preference rate in A/B testing shows that users favor this interface over competitors and other iterations of the app. A superior user experience can differentiate the brand in a crowded market, attracting new customers while retaining existing ones. The higher interaction rates with primary features, such as the menu, suggest that users are more likely to explore and utilize additional features of the app such as the group ordering feature, further increasingpotential revenue streams.
During the high-fidelity usability study for the Gold Stag mobile interface, users demonstrated a 98% task completion rate, confirming the interface’s information flow and design. This level of completion leads to increased app usage and engagement, which ultimately translates into higher order conversion rates and repeat customer rates. The average task completion time of 4 seconds means customers can place orders quickly and easily, which reduces drop-off rates during the ordering process. This efficiency would likely lead to a higher number of completed orders, directly boosting revenue.
Moreover, the 90% preference rate in A/B testing shows that users favor this interface over competitors and other iterations of the app. A superior user experience can differentiate the brand in a crowded market, attracting new customers while retaining existing ones. The higher interaction rates with primary features, such as the menu, suggest that users are more likely to explore and utilize additional features of the app such as the group ordering feature, further increasingpotential revenue streams.
During the high-fidelity usability study for the Gold Stag mobile interface, users demonstrated a 98% task completion rate, confirming the interface’s information flow and design. This level of completion leads to increased app usage and engagement, which ultimately translates into higher order conversion rates and repeat customer rates. The average task completion time of 4 seconds means customers can place orders quickly and easily, which reduces drop-off rates during the ordering process. This efficiency would likely lead to a higher number of completed orders, directly boosting revenue.
Moreover, the 90% preference rate in A/B testing shows that users favor this interface over competitors and other iterations of the app. A superior user experience can differentiate the brand in a crowded market, attracting new customers while retaining existing ones. The higher interaction rates with primary features, such as the menu, suggest that users are more likely to explore and utilize additional features of the app such as the group ordering feature, further increasingpotential revenue streams.
Final UI Design
High Fidelity Prototype
High Fidelity Prototype
High Fidelity Prototype
Conclusion
Conclusion
Conclusion
In conclusion, the Gold Stag Pub app directly address the problem of a creating a quick, easy, and intuitive ordering experience for it's customers. Through comprehensive research, including target market analysis and user interviews, I identified the key needs and preferences of our users. The combination of thoughtful design and user-centered features positions the app as a valuable tool for enhancing customer satisfaction. The project demonstrates my commitment to creating experiences that cater towards the users needs while maintaining a high standard of aesthetic and functional quality.
In conclusion, the Gold Stag Pub app directly address the problem of a creating a quick, easy, and intuitive ordering experience for it's customers. Through comprehensive research, including target market analysis and user interviews, I identified the key needs and preferences of our users. The combination of thoughtful design and user-centered features positions the app as a valuable tool for enhancing customer satisfaction. The project demonstrates my commitment to creating experiences that cater towards the users needs while maintaining a high standard of aesthetic and functional quality.
In conclusion, the Gold Stag Pub app directly address the problem of a creating a quick, easy, and intuitive ordering experience for it's customers. Through comprehensive research, including target market analysis and user interviews, I identified the key needs and preferences of our users. The combination of thoughtful design and user-centered features positions the app as a valuable tool for enhancing customer satisfaction. The project demonstrates my commitment to creating experiences that cater towards the users needs while maintaining a high standard of aesthetic and functional quality.
You may also like
Copper Summit Webpage
