Jessira Glow Studio: beauty salon redesign

Jessira Glow Studio offers facials, body and spa treatments, hair, lashes and nails in Pasay City. The new website borrows the object every salon guest knows: the vanity mirror with its ring of bulbs.

The old homepage downloaded 86.81 MB on every visit, which took 69.9 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, it requested images that didn't exist, it loaded fonts and icons from three outside hosts, and it made claims the studio could not back up.

A rebuild with no framework, in deep teal and lime from the logo with bulb gold, using a high-contrast serif and a clean sans-serif. In the hero, eighteen warm bulbs drawn in CSS light up one by one around a round mirror, with the studio photo inside. Every treatment card has its own small bulb-ring mirror, and the "My visit" mirror in the header lights one bulb for each treatment added. Visitors pick treatments and a preferred day and time, the team confirms the schedule, and payment happens at the studio. 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, built the bulb animations and the "My visit" mirror, rebuilt the booking flow and its summary page, reviewed the copy for claims, and measured the old and new versions with the same script.

• Round vanity mirror in the hero with eighteen CSS bulbs that light one by one
• A bulb-ring mirror on every treatment card
• "My visit" mirror in the header that lights one bulb per treatment added
• Fifteen treatments grouped into Facials, Body & spa, Hair, lashes & nails, and Packages
• Booking request with a preferred day and time; the team confirms and payment happens at the studio
• Two unconfirmed statements from the old site, a VAT registration line and a certification claim, removed
• Booking request sent as a pre-filled email that the customer sends
• Field checks on the booking page, including Philippine mobile number formats
• The three original customer quotes kept word for word

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

Homepage weight on load

86.81 → 0.68 MB

On load, on a phone

86.81 → 0.58 MB

After scrolling the whole page

86.81 → 0.88 MB

Fully loaded, simulated 10 Mbps

69.9 → 0.68 s

Phone layout width (390 px screen)

780 → 390 px

Treatments on the site

15

• →Live at jessirastudio.life.
• →Measured with the same settings: homepage on load down from 86.81 MB to 0.68 MB on desktop and 0.58 MB on phones.
• →No failed requests, console errors or third-party requests on the new site during the capture run.

• The best concept is one that also works as an interface.
• A service business needs a booking flow, not a shop checkout.
• If images are illustrations, say so on the page.

Client website, shown by name. After launch, the images and fonts were trimmed without changing the design; the new-site figures are measured on that trimmed version, on a local server, with the same settings as the old site. 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. All images are generated illustrations of one imagined studio; the clients and therapists in them are generated too, not the studio's staff or customers, and the site says the photos are for illustration. Treatment descriptions and the three customer quotes are carried over from the old site. In the old homepage screenshot, the founder's name is blurred.