Sites web
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.
Les études de cas sont en anglais.
- Contexte
- Trixora Glow Center, a beauty and wellness center in Santiago, Agusan del Norte, 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 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.
Aperçu
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.
Le problème
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.
La 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.
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 cart, booking form, and order page, and measured the old and new versions with the same script.
Fonctionnalités
- 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
Défis techniques
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.
Technologies vérifiées
- HTML
- CSS
- JavaScript
- WebP
- JSON-LD structured data
Faits tirés du 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
Résultats
- 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.
Enseignements
- 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.
À 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 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.
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.