Websites
Trixora Glow Center: beauty center redesign
A full redesign for a beauty and wellness center in the Philippines: a calm, blush-and-burgundy site with a treatment menu, appointment requests, and a small shop arranged as a three-step home routine. The new homepage also loads 0.39 MB instead of 17.83 MB.
- Context
- Trixora Glow Center, a beauty and wellness center in Santiago, Agusan del Norte, Philippines.
- My role
- Design, frontend development, and image production
- Year
- 2026
My redesign: before and after
The old site next to my design, at the same screen size.
Homepage
A pink welcome card with emoji notes became a calm first screen: a large serif headline, a serum dropper over rippling water, and two clear buttons for booking and shopping.
Shop
A grid of small product cards became "A ritual for home": the routine in three numbered steps, Cleanse, Treat, and Glow, with round product images.
Policy section
Light policy cards became a burgundy band with a one-line summary and a link to each full policy.
On a phone
The headline, a full-width booking button, and the water image fit the first screen, with Book and Cart always in the header.
Overview
Trixora Glow Center offers facials, body care, grooming, and packages in Santiago, Agusan del Norte, and sells a small range of skincare. The new website is meant to feel like the visit itself: quiet, soft, and unhurried.
The problem
The old homepage downloaded 17.83 MB on every visit, 17.48 MB of it images, which took 14.5 seconds to load on a simulated 10 Mbps connection. It also loaded fonts and icons from three outside hosts, and its pink card template gave the services and the shop the same weight as everything else.
The solution
A rebuild with no framework, in blush and burgundy with a serif display face. The page leads with the treatment menu and an appointment request, then the shop as a three-step routine, the center's story, and visit details. 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.
Screenshots
Captured from the real, live website.
My contribution
Designed and built the new site, produced the image set and compressed it for the web, rebuilt the cart, booking form, and order page, and measured the old and new versions with the same script.
What it does
- Treatment menu in four groups: facials, body care and spa, beauty and grooming, and special packages
- Appointment form with treatment and preferred time, sent as a pre-filled email the customer sends
- Fifteen products arranged as a home routine in three steps: Cleanse, Treat, and Glow
- Cart with quantity controls and a reminder that nothing is paid yet
- Order page with field checks, including Philippine mobile number formats
- Note in the shop that the photos are illustrations and packaging may differ
- Fonts served with the site, so the homepage makes no third-party requests
- Cart updates announced to screen readers, reduced-motion support, and BeautySalon structured data
Technical challenges
Calm, but still easy to act on
A quiet design can hide the next step. Booking stays one tap away in the header on every screen size, and each section ends with a single clear action.
Two forms with no backend
The site is static, so it can't book or sell by itself. The appointment form and the order page both check the details and open a complete pre-filled email for the customer to send, and they explain that the team confirms first.
Beauty images that promise nothing
Beauty pictures easily suggest results. The illustrations show hands, water, and blank packaging, and the shop states that the photos are illustrations, so the images set a mood without making claims.
Verified stack
- HTML
- CSS
- JavaScript
- WebP
- JSON-LD structured data
Facts from the code
- Homepage weight on load
- 17.83 → 0.39 MB
- On load, on a phone
- 17.83 → 0.29 MB
- After scrolling the whole page
- 17.83 → 0.67 MB
- Fully loaded, simulated 10 Mbps
- 14.5 → 0.44 s
- Third-party hosts on load
- 3 → 0
- Products in the shop
- 15
Outcomes
- Live at trixorabeauty.life.
- Measured with the same script: homepage on load down from 17.83 MB to 0.39 MB on desktop and 0.29 MB on phones.
- No failed requests or console errors on the new site during the capture run.
Lessons
- In a calm design, the booking button still needs to be visible on every screen.
- A shop reads more easily as a routine than as a grid.
- If images are illustrations, say so on the page.
About this case study
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 blank packaging, and the site says so. Customer quotes on the site are carried over from the old site. The street address in the old homepage screenshots is blurred.
Planning a new website, or is yours too slow?
Describe it in a few sentences. You'll get a reply within two business days with questions, a rough approach, and a price range in CHF.