Rosavelle Beauty Lounge: beauty salon redesign

Rosavelle Beauty Lounge offers facials, nails, hair, and makeup in General Trias City, Cavite. The new website treats the service menu like an exhibition: each treatment hangs in its own frame, and the visitor walks from room to room.

The old homepage downloaded 88.13 MB on every visit, 87.76 MB of it images, which took 71.0 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, and it loaded fonts and icons from three outside hosts.

A rebuild with no framework, in deep purple, gold, and cream with a high-contrast serif. The fifteen services hang as framed still lifes in four rooms, and each room's frames light up as it scrolls into view. The cart becomes "My visit", the order page asks for a preferred day and time, and customer quotes come from the guest book. 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.

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.

• Service menu as an exhibition in four rooms: Skin and body, Hands and feet, Hair, and Makeup
• Fifteen services as framed still lifes, each with price and an add button
• Frames that light up as each room scrolls 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 instead of a delivery address
• 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 illustrations, not photos of the lounge
• Visit list updates announced to screen readers and BeautySalon structured data

• HTML
• CSS
• JavaScript
• WebP
• JSON-LD structured data

Homepage weight on load

88.13 → 1.22 MB

On load, on a phone

88.13 → 1.05 MB

After scrolling the whole page

88.13 → 2.01 MB

Fully loaded, simulated 10 Mbps

71.0 → 0.80 s

Phone layout width (390 px screen)

780 → 390 px

Services on the menu

15

• →Live at rosavelleglow.life.
• →Measured with the same script: homepage on load down from 88.13 MB to 1.22 MB on desktop and 1.05 MB on phones.
• →No failed requests or console errors on the new site during the capture run.

• Services read better as a visit than as a cart of products.
• A strong metaphor can also organise the menu: rooms make fifteen services easy to scan.
• If images are illustrations, say so on the page.

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 still-life illustrations with no people, and the gallery is a visual concept, not a real venue; the site says the images are illustrations. Service descriptions and customer quotes on the site are carried over from the old site. The founder's name in the old homepage screenshot is blurred.