Razz Hair Studio
Project Overview:
Razz Hair Studio is a trendy hair salon that needed a modern website to reflect its edgy yet professional vibe. This project involved creating an online presence from the ground up – including design, and development – to showcase the salon’s services and creative style. The website would serve as both a digital brochure and a client engagement tool, allowing visitors to view the salon’s work and meet the stylists.
Design Challenge & Goals:
The main challenge was translating Razz’s edgy-yet-professional brand identity into a digital experience. The salon’s clientele is fashionable and tech-savvy, so the site had to look stylish and cutting-edge, but also be highly usable and informative. It was crucial that the vibe of the salon – creative, bold, and welcoming – came through via the design (through color, imagery, and typography) without sacrificing clarity. We also aimed for mobile optimization, knowing many users would find the salon via social media or Google on their phones.
Process:
Research:
Studied websites of similar boutique hair salons known for modern styles, as well as broader research into beauty industry UX trends. Noticed common elements like Instagram feeds and before-and-after sliders. We also gathered input from the salon owner on his brand vision.
Branding & Wireframing:
Worked with the salon’s existing logo and edgy color scheme (black, silver, with a pop of vibrant color) to ensure brand consistency. Sketched out wireframes for a one-stop Home page (hero image of a signature hairstyle), plus dedicated pages for Services, and Gallery. The wireframes emphasized visual content – e.g., the Gallery page was designed as a grid of high-quality photos organized by style/type of service. Navigation was kept simple with 2-3 main menu items.
UI Design:
Created high-fidelity mockups in Figma, using bold visuals and dynamic elements. For example, the homepage features an autoplay background video snippet of the salon environment (to convey the vibe) with a tagline overlay. Typography was chosen to be clean and modern, pairing a stylish script (for accents and headings reflecting the salon’s logo style) with a legible sans-serif for body text. The color palette combined dark backgrounds with bright accent colors (inspired by hair dye colors) to give an edgy feel. Ensured that interactive elements (like buttons and links) were clearly distinguishable.
Development & Testing:
Developed the site using WordPress for easy content management. Custom CSS was added to achieve the desired branding and layout beyond the base theme. The site was built to be responsive; special care was taken that the photo galleries worked well on mobile devices. I also ensured page load times were optimized by compressing images, since media-heavy content was used.
Tools & Technologies: Figma (UI design), Adobe Photoshop (for image cropping/optimization of hairstyle photos), WordPress with a custom theme (development), Google Fonts (for stylish typography), Google Analytics (to track user behavior post-launch).
Results:
The Razz Hair Studio website launch was a success, effectively capturing the salon’s unique energy and making it easier for clients to engage. Users praised the site’s look and feel – several new clients mentioned that the portfolio of styles on the site helped convince them to book with Razz. The owner also reported that the site improved operational efficiency. Overall, the project met its goals of marrying edgy design with practical functionality, giving Razz Hair Studio a digital platform that stands out in the local market and supports its growing business.