Responsive Salon Booking Dashboard
Budget: ₹1,500 – ₹12,500 INR
I need a clean, mobile-first HTML/CSS interface that lets our salon & spa team handle daily bookings with ease.
Page 1 – Vendor Dashboard
• At the top, show today’s bookings. Each entry must clearly display the service booked, its exact time slot, and the staff member assigned.
• Below the list, include a booking form that lets the receptionist reserve any service at any time of the day. I am flexible on how the slot selector looks—whether it is a dropdown, a calendar overlay, or a time-grid—so long as it supports every possible time and feels intuitive on both phones and desktops.
Page 2 – Owner View
• Summarise all current bookings in one glance and highlight which staff member is handling each service. A compact table or card layout is fine as long as it stays readable on small screens.
Technical notes
• Pure HTML5 and CSS3 only—no JavaScript.
• Code must be responsive; use Flexbox or CSS Grid, sensible media queries, and fluid typography so everything scales gracefully from 320 px up.
• Keep the markup semantic, comment the styles, and group reusable utility classes so future tweaks are straightforward.
Deliverables
1. vendor-dashboard.html + owner-view.html
2. A single stylesheet (or well-organised modular stylesheets)
3. Any supporting assets (SVG icons, Google Fonts links, etc.) packaged and ready to drop into production
I will consider the job complete once both pages render flawlessly on Chrome, Safari, and a recent Android/iOS browser without layout breaks or horizontal scrolling.
Page 1 – Vendor Dashboard
• At the top, show today’s bookings. Each entry must clearly display the service booked, its exact time slot, and the staff member assigned.
• Below the list, include a booking form that lets the receptionist reserve any service at any time of the day. I am flexible on how the slot selector looks—whether it is a dropdown, a calendar overlay, or a time-grid—so long as it supports every possible time and feels intuitive on both phones and desktops.
Page 2 – Owner View
• Summarise all current bookings in one glance and highlight which staff member is handling each service. A compact table or card layout is fine as long as it stays readable on small screens.
Technical notes
• Pure HTML5 and CSS3 only—no JavaScript.
• Code must be responsive; use Flexbox or CSS Grid, sensible media queries, and fluid typography so everything scales gracefully from 320 px up.
• Keep the markup semantic, comment the styles, and group reusable utility classes so future tweaks are straightforward.
Deliverables
1. vendor-dashboard.html + owner-view.html
2. A single stylesheet (or well-organised modular stylesheets)
3. Any supporting assets (SVG icons, Google Fonts links, etc.) packaged and ready to drop into production
I will consider the job complete once both pages render flawlessly on Chrome, Safari, and a recent Android/iOS browser without layout breaks or horizontal scrolling.