Barbr
GOAL
To refine and complete the Barbr app’s design and functionality ahead of launch, ensuring a cohesive and user-ready experience through close collaboration with the CEO.
GOAL
To refine and complete the Barbr app’s design and functionality ahead of launch, ensuring a cohesive and user-ready experience through close collaboration with the CEO.
GOAL
To refine and complete the Barbr app’s design and functionality ahead of launch, ensuring a cohesive and user-ready experience through close collaboration with the CEO.
CLIENT
Barbr
CLIENT
Barbr
CLIENT
Barbr
Role
Junior UI/UX Designer
Role
Junior UI/UX Designer
Role
Junior UI/UX Designer
TImeline
MARCH 2022 - MARCH 2023
TImeline
MARCH 2022 - MARCH 2023
TImeline
MARCH 2022 - MARCH 2023
Company Overview
Company Overview
Company Overview
Barbr is a SaaS startup with the goal of empowering independant barbers to be their own boss and grow their business. Barbr set out to give their barbers all the tools they need to reach their goals and manage their business.
Barbr is a SaaS startup with the goal of empowering independant barbers to be their own boss and grow their business. Barbr set out to give their barbers all the tools they need to reach their goals and manage their business.
Barbr is a SaaS startup with the goal of empowering independant barbers to be their own boss and grow their business. Barbr set out to give their barbers all the tools they need to reach their goals and manage their business.
My Role
My Role
My Role
My role at Barbr was Junior UI/UX Designer but due to the nature of startups I was the sole designer responsible for all things UI/UX. I work with the previous designer during my first few weeks but very quickly became independent in my role leading the design for, existing and new app features, company website design, and marketing materials.
My role at Barbr was Junior UI/UX Designer but due to the nature of startups I was the sole designer responsible for all things UI/UX. I work with the previous designer during my first few weeks but very quickly became independent in my role leading the design for, existing and new app features, company website design, and marketing materials.
My role at Barbr was Junior UI/UX Designer but due to the nature of startups I was the sole designer responsible for all things UI/UX. I work with the previous designer during my first few weeks but very quickly became independent in my role leading the design for, existing and new app features, company website design, and marketing materials.
Problem
Problem
Problem
Covid-19 exposed a need for a barber business management app aimed at barbers looking to work from anywhere. There was not a suitable platform for these barbers to manage their business through.
Outdated
Most of the existing barbr designs needed updated due to inconsistent design language across the app, website, and marketing material. Also just general improvements to design and useability.
Covid-19 exposed a need for a barber business management app aimed at barbers looking to work from anywhere. There was not a suitable platform for these barbers to manage their business through.
Outdated
Most of the existing barbr designs needed updated due to inconsistent design language across the app, website, and marketing material. Also just general improvements to design and useability.
Covid-19 exposed a need for a barber business management app aimed at barbers looking to work from anywhere. There was not a suitable platform for these barbers to manage their business through.
Outdated
Most of the existing barbr designs needed updated due to inconsistent design language across the app, website, and marketing material. Also just general improvements to design and useability.
Goal
Goal
Goal
The goal of Barbr was to create an end to end platform for small barbershops and independent barbers to grow there business through an easy to use app.
My Goal
Help the growing team by taking full responsibility for the UI and UX of the app. Creating new designs for features while also improving existing ones. Improving my own skills and become a better designer.
Lauch Ready
When I joined this project the app had not been properly launched so it was my job to help get Barbr launch ready, by designing app features, improving our website and creating marketing materials for clients and Barbr its self.
Drive Users to Barbr
Help grow Barbr through good design and ease of use. Give my input and ideas during meeting for features and ways to improve Barbr. Create advertising marketing materials to get users to sign up.
The goal of Barbr was to create an end to end platform for small barbershops and independent barbers to grow there business through an easy to use app.
My Goal
Help the growing team by taking full responsibility for the UI and UX of the app. Creating new designs for features while also improving existing ones. Improving my own skills and become a better designer.
Lauch Ready
When I joined this project the app had not been properly launched so it was my job to help get Barbr launch ready, by designing app features, improving our website and creating marketing materials for clients and Barbr its self.
Drive Users to Barbr
Help grow Barbr through good design and ease of use. Give my input and ideas during meeting for features and ways to improve Barbr. Create advertising marketing materials to get users to sign up.
The goal of Barbr was to create an end to end platform for small barbershops and independent barbers to grow there business through an easy to use app.
My Goal
Help the growing team by taking full responsibility for the UI and UX of the app. Creating new designs for features while also improving existing ones. Improving my own skills and become a better designer.
Lauch Ready
When I joined this project the app had not been properly launched so it was my job to help get Barbr launch ready, by designing app features, improving our website and creating marketing materials for clients and Barbr its self.
Drive Users to Barbr
Help grow Barbr through good design and ease of use. Give my input and ideas during meeting for features and ways to improve Barbr. Create advertising marketing materials to get users to sign up.
Impact
Impact
Impact
After months of hard work Barbr finally launched in January of this year! And is now taking on barbers paying a monthly subscription.
Barbr is now available on iOS and Android and so far is performing well with good reviews. Barbr is continuing to listen to any feedback from users to improve the app.
After months of hard work Barbr finally launched in January of this year! And is now taking on barbers paying a monthly subscription.
Barbr is now available on iOS and Android and so far is performing well with good reviews. Barbr is continuing to listen to any feedback from users to improve the app.
After months of hard work Barbr finally launched in January of this year! And is now taking on barbers paying a monthly subscription.
Barbr is now available on iOS and Android and so far is performing well with good reviews. Barbr is continuing to listen to any feedback from users to improve the app.
The app has quickly amassed over 7,500 active users from all over the world, so far Barbr is biggest in the UK but it is looking promising in the future for further scaling in other countries as we are already seeing a good up take in Europe.
The app has quickly amassed over 7,500 active users from all over the world, so far Barbr is biggest in the UK but it is looking promising in the future for further scaling in other countries as we are already seeing a good up take in Europe.
The app has quickly amassed over 7,500 active users from all over the world, so far Barbr is biggest in the UK but it is looking promising in the future for further scaling in other countries as we are already seeing a good up take in Europe.
It is still very early days in Barbrs journey but are already processing over £75,000 a month in earning for our barbers.
It is still very early days in Barbrs journey but are already processing over £75,000 a month in earning for our barbers.
It is still very early days in Barbrs journey but are already processing over £75,000 a month in earning for our barbers.
Process
Process
Process
Here I will go over the process I would usually follow when developing a new feature. We would use Asana and Slack for communication and tracking progress of features.
Here I will go over the process I would usually follow when developing a new feature. We would use Asana and Slack for communication and tracking progress of features.
Here I will go over the process I would usually follow when developing a new feature. We would use Asana and Slack for communication and tracking progress of features.
Research
Before begining any kind of design work I would conduct research into a feature to get the scope of what the feature needed to achieve. User research would often be conducted by the CEO of barbr, Reef Ray, he would then relay his finding to me often over a meeting where I'd take notes.
We would then colaborate to build a proposal for the feature complete with, Problem statment, Sucess criteria, User stories, and Scope. Below is an example.
Research
Before begining any kind of design work I would conduct research into a feature to get the scope of what the feature needed to achieve. User research would often be conducted by the CEO of barbr, Reef Ray, he would then relay his finding to me often over a meeting where I'd take notes.
We would then colaborate to build a proposal for the feature complete with, Problem statment, Sucess criteria, User stories, and Scope. Below is an example.
Research
Before begining any kind of design work I would conduct research into a feature to get the scope of what the feature needed to achieve. User research would often be conducted by the CEO of barbr, Reef Ray, he would then relay his finding to me often over a meeting where I'd take notes.
We would then colaborate to build a proposal for the feature complete with, Problem statment, Sucess criteria, User stories, and Scope. Below is an example.
Analysis
The analysis stage would involve conducting research into like features from other website and app, I would often use Dribbble too to get additional inspiration for features and design.
Below is some competitor analysis for a marketplace feature which was one of the final features I worked on at Barbr. The marketplace is the customer side of Barbr, this is where paying customers can search book with local barbers in their area. This feature would be built for both mobile and web, featuring a map view to make finding local barbers easy.
Analysis
The analysis stage would involve conducting research into like features from other website and app, I would often use Dribbble too to get additional inspiration for features and design.
Below is some competitor analysis for a marketplace feature which was one of the final features I worked on at Barbr. The marketplace is the customer side of Barbr, this is where paying customers can search book with local barbers in their area. This feature would be built for both mobile and web, featuring a map view to make finding local barbers easy.
Analysis
The analysis stage would involve conducting research into like features from other website and app, I would often use Dribbble too to get additional inspiration for features and design.
Below is some competitor analysis for a marketplace feature which was one of the final features I worked on at Barbr. The marketplace is the customer side of Barbr, this is where paying customers can search book with local barbers in their area. This feature would be built for both mobile and web, featuring a map view to make finding local barbers easy.
Design
After analysing some existing products for inspiration and defining the scope for the feature it is time to start designing! This was a large feature for Barbr as it would act as the product to connect customers with barbers, because of this I created some freehand sketches to quickly test out potential layouts. I personally use an iPad and an Apple pencil for sketches to allow me to design faster and with more detail.
Below are the sketches for the marketplace search feature for both mobile and desktop. The general layout is familiar and easy to use however, it took me a while to land on a design for the cards which appear in the search results.
Once these sketches were approved for high fidelity designs I began designing in Figma.
Design
After analysing some existing products for inspiration and defining the scope for the feature it is time to start designing! This was a large feature for Barbr as it would act as the product to connect customers with barbers, because of this I created some freehand sketches to quickly test out potential layouts. I personally use an iPad and an Apple pencil for sketches to allow me to design faster and with more detail.
Below are the sketches for the marketplace search feature for both mobile and desktop. The general layout is familiar and easy to use however, it took me a while to land on a design for the cards which appear in the search results.
Once these sketches were approved for high fidelity designs I began designing in Figma.
Design
After analysing some existing products for inspiration and defining the scope for the feature it is time to start designing! This was a large feature for Barbr as it would act as the product to connect customers with barbers, because of this I created some freehand sketches to quickly test out potential layouts. I personally use an iPad and an Apple pencil for sketches to allow me to design faster and with more detail.
Below are the sketches for the marketplace search feature for both mobile and desktop. The general layout is familiar and easy to use however, it took me a while to land on a design for the cards which appear in the search results.
Once these sketches were approved for high fidelity designs I began designing in Figma.
After presenting the sketches to the CEO there was not a clear winner for the individual barber cards, so to get a better feel for how these would look I developed the designs further into high fidelity designs. From this me and the CEO decided on, 2, 3, and 4. 2 for mobile, 3 for desktop, and 4 for the map view pop up on mobile.
Below is the finished designs for the mobile and web marketplace. A high fidelity prototype was made for both mobile and web to visualise the UX. Once the designs are complete I prepare the designs for the developers by leaving comments to highlight component functionalities and interactions to make everything as clear as possible.
After presenting the sketches to the CEO there was not a clear winner for the individual barber cards, so to get a better feel for how these would look I developed the designs further into high fidelity designs. From this me and the CEO decided on, 2, 3, and 4. 2 for mobile, 3 for desktop, and 4 for the map view pop up on mobile.
Below is the finished designs for the mobile and web marketplace. A high fidelity prototype was made for both mobile and web to visualise the UX. Once the designs are complete I prepare the designs for the developers by leaving comments to highlight component functionalities and interactions to make everything as clear as possible.
After presenting the sketches to the CEO there was not a clear winner for the individual barber cards, so to get a better feel for how these would look I developed the designs further into high fidelity designs. From this me and the CEO decided on, 2, 3, and 4. 2 for mobile, 3 for desktop, and 4 for the map view pop up on mobile.
Below is the finished designs for the mobile and web marketplace. A high fidelity prototype was made for both mobile and web to visualise the UX. Once the designs are complete I prepare the designs for the developers by leaving comments to highlight component functionalities and interactions to make everything as clear as possible.
Testing
Lastly, is testing. This would involve the CEO taking the high fidelity prototype I had created to local barbers and barbering friends of his to test features. Based on their feedback I would make changes to the prototype until we were happy with it. Once we reached this stage it would be sent off to the devs.
I was also responsible for doing a lot of the iOS and Android testing for developed features. I was my job to find bugs, design discrepancies as well as any UX issues. I would communicate these QA finding through Asana along with an assigned priority and a description of the issue with screenshots and videos where necessary.
Testing
Lastly, is testing. This would involve the CEO taking the high fidelity prototype I had created to local barbers and barbering friends of his to test features. Based on their feedback I would make changes to the prototype until we were happy with it. Once we reached this stage it would be sent off to the devs.
I was also responsible for doing a lot of the iOS and Android testing for developed features. I was my job to find bugs, design discrepancies as well as any UX issues. I would communicate these QA finding through Asana along with an assigned priority and a description of the issue with screenshots and videos where necessary.
Testing
Lastly, is testing. This would involve the CEO taking the high fidelity prototype I had created to local barbers and barbering friends of his to test features. Based on their feedback I would make changes to the prototype until we were happy with it. Once we reached this stage it would be sent off to the devs.
I was also responsible for doing a lot of the iOS and Android testing for developed features. I was my job to find bugs, design discrepancies as well as any UX issues. I would communicate these QA finding through Asana along with an assigned priority and a description of the issue with screenshots and videos where necessary.
Final Bits
Final Bits
Final Bits
I am proud of what I have achieved during my time at barbr, coming in as a complete junior and managing to keep up while being the lead designer from the get go. Being thrown in the deep end like this has definitely caused me to learn a lot quicker than someone in a more traditional junior role. My skills and process has come a long way from when I started, suprising my boss with the progress I have made and the work I have done.
Future of Barbr
Barbr is now in a much more complete state compared to where it was when I begun as the UI/UX designer. It is now being pushed to users and is steadily growing in users and subscriptions.
Barbr has now surpassed its MVP and will now continue to add features such as the marketplace to make the services more appealing to a growing audience.
Update (June 2023)
Barbr has continued to grow on iOS and Android with a steady stream of good reviews averaging a 4.6/5 based on the design work I did. There was also a backlog of features I created so the app is still being updated with my work to this day!
My Future
I most likely continue to be a part of Barbr for the time beginning designing where needed on more of a contract basis. However, I am now looking for my next challenge and to grow as a designer now that I have some solid experience under my belt.
I really enjoyed my time at Barbr, I got to experience may different types of design work from app to web to email to marketing materials.
Thank you for taking time to read! If you'd like to hear more don't hesitate to contact me! I hope you enjoyed hearing about my time at Barbr and my process. :)
I am proud of what I have achieved during my time at barbr, coming in as a complete junior and managing to keep up while being the lead designer from the get go. Being thrown in the deep end like this has definitely caused me to learn a lot quicker than someone in a more traditional junior role. My skills and process has come a long way from when I started, suprising my boss with the progress I have made and the work I have done.
Future of Barbr
Barbr is now in a much more complete state compared to where it was when I begun as the UI/UX designer. It is now being pushed to users and is steadily growing in users and subscriptions.
Barbr has now surpassed its MVP and will now continue to add features such as the marketplace to make the services more appealing to a growing audience.
Update (June 2023)
Barbr has continued to grow on iOS and Android with a steady stream of good reviews averaging a 4.6/5 based on the design work I did. There was also a backlog of features I created so the app is still being updated with my work to this day!
My Future
I most likely continue to be a part of Barbr for the time beginning designing where needed on more of a contract basis. However, I am now looking for my next challenge and to grow as a designer now that I have some solid experience under my belt.
I really enjoyed my time at Barbr, I got to experience may different types of design work from app to web to email to marketing materials.
Thank you for taking time to read! If you'd like to hear more don't hesitate to contact me! I hope you enjoyed hearing about my time at Barbr and my process. :)
I am proud of what I have achieved during my time at barbr, coming in as a complete junior and managing to keep up while being the lead designer from the get go. Being thrown in the deep end like this has definitely caused me to learn a lot quicker than someone in a more traditional junior role. My skills and process has come a long way from when I started, suprising my boss with the progress I have made and the work I have done.
Future of Barbr
Barbr is now in a much more complete state compared to where it was when I begun as the UI/UX designer. It is now being pushed to users and is steadily growing in users and subscriptions.
Barbr has now surpassed its MVP and will now continue to add features such as the marketplace to make the services more appealing to a growing audience.
Update (June 2023)
Barbr has continued to grow on iOS and Android with a steady stream of good reviews averaging a 4.6/5 based on the design work I did. There was also a backlog of features I created so the app is still being updated with my work to this day!
My Future
I most likely continue to be a part of Barbr for the time beginning designing where needed on more of a contract basis. However, I am now looking for my next challenge and to grow as a designer now that I have some solid experience under my belt.
I really enjoyed my time at Barbr, I got to experience may different types of design work from app to web to email to marketing materials.
Thank you for taking time to read! If you'd like to hear more don't hesitate to contact me! I hope you enjoyed hearing about my time at Barbr and my process. :)
