There is an active website for a network of barbershops: tbsbarbershop.com.ua
Need to:
👉 create a redesign (not from scratch)
👉 focusing on increasing bookings
👉 considering that the site already runs on PHP
❗ Development is not needed — only design (Figma)
🎯 Project Goal
- increase the number of online bookings
- simplify the user journey
- create a clear structure “city → salon”
- improve the mobile version
📦 What Needs to Be Done
Develop the design of 2 templates:
1. City Page
example:
/dnipro
2. Salon Page
example:
/dnipro/voskresenskaya
👉 other pages will scale based on these templates
🧠 Important (key project logic)
Need to:
👉 think through UX
👉 create a convenient path to booking
👉 not complicate implementation
📐 Page Structure
🔹 City Page
Task: quickly direct the user to the desired salon
Blocks:
- Hero (offer + button)
- Salon selection (cards)
- Gallery of works
- Price (short)
- Advantages
- Interior
- CTA
🔹 Salon Page
Task: lead to booking
Blocks:
- Hero (geo + CTA)
- Map + address
- Gallery of works (key block)
- Interior
- Team
- Price
- Reviews (if any)
- CTA
- FAQ
📱 Responsive (mandatory)
🔘 IMPORTANT: booking system (consider in design)
The site already has:
1. Main button “Book Now”
2. Floating CRM button
- bottom right corner
- on all pages
- overlaps part of the interface
👉 need to consider margins in the design
3. Buttons for masters
- “Book with the master”
- in each card
🔧 IMPORTANT: content management
The design must allow:
Price
- to change prices
- to add/remove services
Team
- to change photos
- to change descriptions
- different number of masters (2–8)
Gallery
❗ nothing should “break”
🎨 Design Requirements
- minimalism
- focus on photos
- modern barbershop style
- no complex animations
⚠️ Limitations
- DO NOT create complex UI solutions that are hard to implement
- DO NOT create “design for the sake of design”
- focus on real layout
📁 What is Needed as Output
- Figma file
- Desktop + Mobile
- components
- button states
⏱ Deadline
3–5 days
❗ MANDATORY IN RESPONSE
To be considered, respond:
1.
How will you build the UX of the salon page to increase the number of bookings?
2.
How will you design it so that it does not break when changing:
- the number of masters
- the number of services
3.
How will you account for the floating booking button (bottom right)?
4.
Examples of work (preferably services / local business)
🎯 Important
Need a designer who:
- thinks like a product manager
- understands conversion
- creates real designs for development
🧠 Lifehack
👉 start your response with the word BARBER
(this will help filter out template responses)