Case study
Zio Hair
Đặt lịch salon + bán sản phẩm một mạch — chọn stylist, giờ, giỏ hàng, thanh toán.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 05.2025 — 06.2025
- Công nghệ
- WordPress + NextJS · REST API · ShadCn UI
Tổng quan
Zio Hair gộp đặt lịch (ngày, giờ, stylist) với giỏ dịch vụ/sản phẩm và thanh toán online — một nền tảng cho salon và retail.
Vấn đề
01Salon mất booking vì gọi điện qua lại. Bán sản phẩm tách khỏi lịch hẹn làm gãy hành trình. Zio cần một chỗ vừa đặt vừa mua.
Hướng tiếp cận
02- Auth đăng ký/đăng nhập/tài khoản
- Booking theo ngày, giờ, stylist
- Cart dịch vụ + sản phẩm
- Thanh toán online + thông báo
- Admin quản lý lịch, dịch vụ, sản phẩm
Quyết định quan trọng
03- Validate chỗ trống trước payment
- Bước booking rõ trên mobile
- Admin tool được ưu tiên ngang khách
Tác động
Lab / shipping
Bước đặt lịch
3
Ngày → thanh toán
Luồng bán hàng
2
Dịch vụ + bán lẻ
LCP
1.5s
Lab mobile
Bảng vận hành
Admin
Lịch + sản phẩm
Kết quả
Hành trình booking + cart + payment
Admin phục vụ vận hành salon
Xác nhận rõ ràng cho khách
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- WordPress + NextJS
- REST API
- ShadCn UI
- Tailwind CSS
- GSAP
- Swiper