Aller au contenu
KIVA
← Tous les projets

Sites web

Jenlisse Glow Sanctuary: cosmetics shop redesign

A full redesign for a cosmetics shop in the Philippines, built around the makeup bag in its logo: a quilted blush pouch whose rose-gold zipper slides open to reveal the hero photo, products in quilted pockets, and a mini pouch cart that bulges as it fills. The new homepage also loads 0.59 MB instead of 40.32 MB.

Les études de cas sont en anglais.

Contexte
Jenlisse Glow Sanctuary, a cosmetics and beauty products shop in Molino, Bacoor City, Cavite, Philippines.
Mon rôle
Design, frontend development, and image production
Année
2026
The zip pouch: Engraved serif headline beside a quilted blush pouch zipped open, above a zipper-tape category band.
Phone homepage: Headline and the opened pouch on a phone.

Ma refonte : avant et après

L'ancien site à côté de mon design, à la même taille d'écran.

Homepage

A pale pink card with the logo became a makeup bag: an engraved serif headline with "for every Filipino" in script, beside a quilted blush pouch zipped open to show the products, above a black zipper-tape band of categories.

Après: HomepageAvant: Homepage

On a phone

The old phone layout was 780 px wide on a 390 px screen, with a long block of centred text. Now the headline, the opened pouch and the introduction fit the screen, with the pouch cart always in the header.

Avant
Avant: On a phone
Après
Après: On a phone

Aperçu

Jenlisse Glow Sanctuary sells skincare, lip and face makeup, eye products and beauty tools from Bacoor City, Cavite, with delivery nationwide. Its logo is a makeup bag, so the new website is one.

Le problème

The old homepage downloaded 40.32 MB on every visit, which took 32.6 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, and it loaded fonts and icons from three outside hosts. It also used "locally trusted" and "only the finest ingredients" claims, and answered whether products suit sensitive skin with a plain "Absolutely".

La solution

A rebuild with no framework, in blush, black and rose gold, with an engraved serif, a script accent and a clean sans-serif. In the hero, a quilted pouch drawn in CSS unzips on load to reveal the photo. Products sit in quilted pockets with their own zipper tabs, a black zipper-tape band holds the five categories, and the cart icon is a mini pouch that bulges as it fills. The sensitive-skin answer now recommends a patch test. 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, built the zipper animation and the pouch cart, rebuilt the cart and order page, softened the unconfirmed and safety claims, and measured the old and new versions with the same script.

Fonctionnalités

  • Hero pouch whose rose-gold zipper slides open to reveal the photo
  • Products in quilted pockets with zipper tabs, in five categories
  • Mini pouch cart icon that bulges as items are added
  • Product images with labels drawn from the shop's own name, no other brands
  • "Trusted" and "finest ingredients" claims removed; sensitive-skin answer replaced with patch-test advice
  • 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 three original customer quotes kept word for word

Défis techniques

A concept that does something

The pouch isn't only decoration. It opens to show the range, and the small pouch in the header filling up is the feedback that something went into the cart.

Careful with skin claims

A beauty shop can't promise that a product suits every skin. The new site recommends a patch test instead of saying "absolutely", and drops claims nobody had confirmed.

Technologies vérifiées

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

Faits tirés du code

Homepage weight on load
40.32 → 0.59 MB
On load, on a phone
40.31 → 0.44 MB
After scrolling the whole page
40.32 → 0.70 MB
Fully loaded, simulated 10 Mbps
32.6 → 0.56 s
Phone layout width (390 px screen)
780 → 390 px
Products in the shop
15

Résultats

  • Live at jenlisseglow.life.
  • Measured with the same script: homepage on load down from 40.32 MB to 0.59 MB on desktop and 0.44 MB on phones.
  • No failed requests, console errors or third-party requests on the new site during the capture run.

Enseignements

  • The best concept is one that also works as an interface.
  • A logo detail can carry a whole website.
  • In beauty, careful wording builds more trust than big promises.

À 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 images are generated illustrations with labels drawn from the shop's own name and no people, and the shop says the photos are illustrations. Product descriptions and the three customer quotes are carried over from the old site; claims about skin safety were softened. In the new phone menu screenshot, the phone number 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.

Demander une offre →