Anelisse Radiant House: daily necessities store redesign

Anelisse Radiant House sells pantry staples, toiletries, cleaning supplies and baby needs in San Dionisio, Parañaque. The new website starts where most grocery runs start: the list on the fridge.

The old homepage downloaded 59.26 MB on every visit, which took 47.4 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, its text ran over a large watermark, and it loaded fonts, icons and a map search with no pinned location from six outside hosts. It also advertised weekly specials and a trusted brand the shop hadn't confirmed.

A rebuild with no framework, in pale sage, coral and highlighter yellow, with a rounded sans-serif and a handwriting face. The page is a fridge door; the shop is a ruled notepad titled "Listahan ng bilihin", held by magnets shaped like the logo's circle, house and sparkle. Product names are handwritten list entries, and adding one draws a coral tick and a highlighter swipe. The cart is the list torn off the pad. 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 notepad shop and its tick animation, rebuilt the cart and order page, removed the unconfirmed offers and the empty map, and measured the old and new versions with the same script.

• Shop as a ruled notepad on a fridge door, held by magnets from the logo
• Handwritten product names; adding an item draws a coral tick and a highlighter swipe
• Cart as the list torn off the pad
• Fifteen products in four groups, such as pantry and cleaning
• Product images with invented brand names, no real brands
• Weekly specials, "trusted brand" claims, extra registration labels and an empty map embed removed
• Payment as stated in the old FAQ: GCash or bank transfer for delivery, cash in store; same-day delivery for orders before 1 PM kept
• Order sent as a pre-filled email that the customer sends, with the team confirming stock, delivery and the total first
• The two original customer quotes kept word for word

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

Homepage weight on load

59.26 → 0.57 MB

On load, on a phone

58.78 → 0.41 MB

After scrolling the whole page

59.47 → 0.76 MB

Fully loaded, simulated 10 Mbps

47.4 → 0.53 s

Phone layout width (390 px screen)

780 → 390 px

Products in the shop

15

• →Live at anelisseradiant.site.
• →Measured with the same script: homepage on load down from 59.26 MB to 0.57 MB on desktop and 0.41 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.
• When two pages of an old site disagree, pick one and say so.
• 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 invented brand names and no people, and the shop says so; an invented house number on the storefront image was removed. Product descriptions, delivery terms and the two customer quotes are carried over from the old site. In the old homepage screenshots and the new phone menu, the street address, phone number and email are blurred.