Angelisse Wellness Haven: wellness centre redesign

Angelisse Wellness Haven offers massage, skincare and wellness programmes and sells self-care products in Las Piñas City. The new website takes its idea from hilot, the Filipino tradition of caring touch: shop by where on the body you would like a little care.

The old homepage downloaded 50.34 MB on every visit, which took 40.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, so visitors saw broken image placeholders, and it loaded fonts and icons from three outside hosts.

A rebuild with no framework, in sage, terracotta and bone, with a classic serif and a warm sans-serif. The shop is built around a line-drawn back-view figure with seven softly pulsing pressure points; each one is a real button that filters the products for that body area. Wording that promised medical effects was softened, and the shop and FAQ say the products are for relaxation and everyday self-care, not a substitute for medical care. 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, drew the body map, produced the image set and compressed it for the web, built the body-area filter, rebuilt the cart and order page, reviewed the copy for claims, and measured the old and new versions with the same script.

• Body map shop: a line-drawn figure with seven pressure points that filter the products by body area
• Each pressure point is a real button, usable with a keyboard
• House label on every product drawn from the centre's own logo, no third-party brands
• Note in the shop and FAQ that the products are not a substitute for medical care
• Wording that claimed medical effects softened
• The three original customer quotes kept word for word, with a note that experiences vary
• 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

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

Homepage weight on load

50.34 → 1.21 MB

On load, on a phone

50.32 → 0.88 MB

After scrolling the whole page

50.34 → 1.97 MB

Fully loaded, simulated 10 Mbps

40.6 → 0.70 s

Phone layout width (390 px screen)

780 → 390 px

Products in the shop

15

• →Live at angelissehaven.life.
• →Measured with the same script: homepage on load down from 50.34 MB to 1.21 MB on desktop and 0.88 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.
• In wellness, careful wording builds more trust than big promises.
• 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; people in them are generated too, not the centre's staff or clients. The products carry a house label drawn from the centre's own logo, with no third-party brands, and the shop says the photos are illustrations. Service descriptions and the three customer quotes are carried over from the old site; wording that claimed medical effects was softened, and this case study makes no medical claim.