Website Design & Development
A homepage redesign proposal for Top Style Barber, created in collaboration with Dabaran Inc. Designed in Figma and developed on a WordPress staging site using Elementor, the project introduced a premium visual direction and clearer paths toward appointment booking.
Project overview
A homepage redesign proposal for Top Style Barber, created in collaboration with Dabaran Inc. Designed in Figma and developed on a WordPress staging site using Elementor, the project introduced a premium visual direction and clearer paths toward appointment booking.
Problem
01
The brief called for a refreshed homepage that communicated the quality of the barbering experience and made appointment booking easier to find. The design needed to bring services, pricing, and team information together in a clear, approachable layout.
Design response
02
I chose a dark palette with yellow accents to create a premium, masculine feel. Barber photography established the atmosphere, while clear typography and structured sections made services and pricing easy to scan. Prominent appointment buttons and a three-step booking section were designed to guide visitors toward scheduling a visit.
Outcome
03
The homepage was designed in Figma and developed on a WordPress staging site using Elementor. The proposal did not receive final client approval and was shelved before launch, with booking integration still pending. The completed work demonstrates the proposed visual direction and approach to presenting services and appointment calls to action.
Design proof
Project cover
01 / 04
Project image 1
Project image 2
Full website screenshot
Project notes
01
I led the homepage design and development, defining the color palette, typography, layout, and visual hierarchy. I designed the page in Figma and built it in WordPress using Elementor, working with Dabaran Inc as the agency partner.
02
The project covered the design and staging development of a single homepage. It included the hero section, service cards, booking journey, barber profiles, pricing, and appointment calls to action. Booking integration remained pending.
03
Figma, WordPress, Elementor.
Collaboration
Completed through an agency partnership. The agency managed the client relationship.
Work With Me
Share your project goals, timeline, and budget. A short brief is enough to start the conversation.
Website design and development
Web applications
Agency partnerships
