Sites web
Sharmina Beauty Haven: beauty salon redesign
A full redesign for a beauty salon in the Philippines, illustrated as cyanotype sun prints: deep Prussian blue, white botanical silhouettes with scissors, combs and bottles, and prints that develop as you scroll. The new homepage also loads 0.90 MB instead of 92.16 MB.
Les études de cas sont en anglais.
- Contexte
- Sharmina Beauty Haven, a beauty salon in Cavite City, Philippines.
- Mon rôle
- Design, frontend development, and image production
- Année
- 2026
Ma refonte : avant et après
L'ancien site à côté de mon design, à la même taille d'écran.
Homepage
A peach welcome card with the logo became a blueprint-blue first screen: a light serif headline with a copper accent beside a sun print of fern, scissors, comb, and bottle.
Policy section
Light policy cards became a cream band with a one-line summary and a link to each full policy.
On a phone
The old phone layout was 780 px wide on a 390 px screen. Now the headline, two buttons, and the sun print fit the screen, with the visit list always in the header.
Aperçu
Sharmina Beauty Haven offers hair, skin, body, and nail services in Cavite City. The new website gives every service its own sun print, a quiet, handmade-looking image style that sets the salon apart from stock beauty photos.
Le problème
The old homepage downloaded 92.16 MB on every visit, 91.79 MB of it images, which took 74.3 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, it loaded fonts and icons from three outside hosts, and its service photos showed faces and third-party brands.
La solution
A rebuild with no framework, in Prussian blue, cream, and copper with a light high-contrast serif. Fifteen services sit in five groups (Hair, Skin, Body, Nails, and Packages), each illustrated by a print that develops from pale to full blue as it scrolls into view. The cart becomes "My visit" and the request page asks for a preferred day and time. Images are compressed WebP files that load as the visitor scrolls, and the fonts ship with the site, so the homepage makes no third-party requests.
Captures d'écran
Capturées sur le véritable site, en ligne.
Ma contribution
Designed and built the new site, produced the image set and compressed it for the web, rebuilt the visit list and request page, and measured the old and new versions with the same script.
Fonctionnalités
- Service menu in five groups: Hair, Skin, Body, Nails, and Packages
- Fifteen services, each illustrated by its own sun print
- Prints that develop as they scroll into view, without animation for visitors who prefer reduced motion
- Cart renamed "My visit", with quantity controls and a reminder that nothing is paid yet
- Request page with a preferred day and time
- Request sent as a pre-filled email that the customer sends, with the team confirming the schedule first
- Field checks on the request page, including Philippine mobile number formats
- Note in the menu that the images are artistic prints, not photos of the salon
- Visit list updates announced to screen readers and BeautySalon structured data
Défis techniques
One image style for fifteen services
Beauty sites often mix stock photos of different styles. A single technique, the sun print, gives every service the same look, so the menu reads as one calm collection.
Requests with no backend
The site is static, so it can't book by itself. The request page checks the details and opens a complete pre-filled email for the customer to send, and it explains that the team confirms the schedule first.
Beauty images without faces or promises
The old photos showed faces and branded products. The prints show only plants and tools, and the menu states that they are artistic prints, so the images set a mood without showing results or other brands.
Technologies vérifiées
- HTML
- CSS
- JavaScript
- WebP
- JSON-LD structured data
Faits tirés du code
- Homepage weight on load
- 92.16 → 0.90 MB
- On load, on a phone
- 92.15 → 0.71 MB
- After scrolling the whole page
- 92.16 → 1.23 MB
- Fully loaded, simulated 10 Mbps
- 74.3 → 0.56 s
- Phone layout width (390 px screen)
- 780 → 390 px
- Services on the menu
- 15
Résultats
- Live at sharminaglow.life.
- Measured with the same script: homepage on load down from 92.16 MB to 0.90 MB on desktop and 0.71 MB on phones.
- No failed requests or console errors on the new site during the capture run.
Enseignements
- A distinctive image technique can do more than a large photo budget.
- Services read better as a visit than as a cart of products.
- If images are illustrations, say so on the page.
À propos de cette étude de cas
Client website, shown by name. Screenshots and measurements come from one capture script run on the old and new site, on a local server. The 10 Mbps figure is a simulated connection, not data from real visitors. The images are generated illustrations in the style of cyanotype sun prints, with no people; they are not handmade prints or photos of the salon, and the site says so. Service descriptions and customer quotes on the site are carried over from the old site. The old logo's subtitle is blurred in the old homepage screenshot, and the old service grid isn't shown because it pictured faces and third-party brands.
Vous prévoyez un nouveau site, ou le vôtre est trop lent ?
Décrivez votre projet en quelques phrases. Dans les deux jours ouvrables, vous recevez des questions, une première approche et une fourchette de prix en CHF.