Gladyne Beauty Studio: beauty studio redesign

Gladyne Beauty Studio offers beauty and spa services and sells skincare, body and hair products in Bulusan, Sorsogon, near Bulusan Lake and Bulusan Volcano. The new website takes its mood from that landscape: mist, moss and volcanic stone.

The old homepage downloaded 21.46 MB on every visit, almost all of it large PNG images, which took 17.4 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, and it made claims the studio could not back up.

A rebuild with no framework, in moss, volcanic ash, cream and amber, with a display serif and a clean sans-serif. In the hero, the photo fades in from the right under drifting mist while a single line draws the volcano ridge. Products sit in arch frames, and a line-art butterfly from the logo flies from the product to the cart when something is added. 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 mist and butterfly animations, rebuilt the cart and order page, reviewed the copy for claims, and measured the old and new versions with the same script.

• Hero photo that fades in under drifting mist, with a line drawing the volcano ridge
• Products in arch frames, grouped into sections such as For the face
• Line-art butterfly from the logo that flies to the cart when an item is added
• House label on every product drawn from the studio's own logo, no third-party brands
• Two unconfirmed statements from the old site, a VAT registration line and a licensing and compliance line, removed
• Cart with quantity controls and a reminder that nothing is paid yet
• Order sent as a pre-filled email that the customer sends, with the team confirming availability, delivery and the total first
• Field checks on the order page, including Philippine mobile number formats
• The two original customer quotes kept word for word

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

Homepage weight on load

21.46 → 1.48 MB

On load, on a phone

21.46 → 1.34 MB

After scrolling the whole page

21.46 → 2.16 MB

Fully loaded, simulated 10 Mbps

17.4 → 0.77 s

Phone layout width (390 px screen)

780 → 390 px

Products in the shop

15

• →Live at gladynestudio.site.
• →Measured with the same script: homepage on load down from 21.46 MB to 1.48 MB on desktop and 1.34 MB on phones.
• →No failed requests, console errors or third-party requests on the new site during the capture run.

• The strongest concept often comes from the place itself.
• Remove claims the business can't back up.
• 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 product and scene images are generated illustrations with no people; the products carry a house label drawn from the studio's own logo, with no third-party brands, and the shop says the photos are illustrations. Product descriptions, store hours and the two customer quotes on the site are carried over from the old site. In the old homepage screenshot, the founder's name is blurred.