Skip to content
KIVA
← All work

Websites

Jolennea Nova Chamber: beauty salon redesign

A full redesign for a beauty and personal care salon in the Philippines, built as the salon's appointment book: a navy and kraft week-to-view ledger with a red ribbon, hour lines from 8 to 6 and a Sunday column stamped closed, where chosen services are pencilled in by hand. The new homepage also loads 0.54 MB instead of 84.82 MB.

Context
Jolennea Nova Chamber, a beauty and personal care salon in Tala, Caloocan City, Philippines.
My role
Design, frontend development, and image production
Year
2026
Navy and kraft: Slab-serif headline ending in Caloocan City beside a taped salon photo and a handwritten hours card.
Phone homepage: Headline, two buttons and the taped salon photo on a phone.

My redesign: before and after

The old site next to my design, at the same screen size.

Homepage

A blue-grey gradient card that placed the salon in "Pilar, Capiz" and in Caloocan City in the same paragraph became a navy and kraft first screen: a slab-serif headline ending "in Caloocan City" on a kraft strip, beside a taped photo of the salon and a handwritten opening-hours card.

After: HomepageBefore: 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, two buttons and the taped photo fit the screen, with "My visit" always in the header.

Before
Before: On a phone
After
After: On a phone

Overview

Jolennea Nova Chamber offers hair, skin, nail, spa and grooming services in Tala, Caloocan City. The new website is built around the one object every salon front desk has: the appointment book.

The problem

The old homepage downloaded 84.82 MB on every visit, which took 68.4 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. Its copy also placed the salon in Pilar, Capiz instead of Caloocan City, showed the tax number as a business registration number, and claimed VAT compliance nobody had confirmed.

The solution

A rebuild with no framework, in navy, kraft and a red ribbon, with a heavy slab serif, a clean sans-serif and a handwriting face. The services sit beside a week-to-view appointment book with hour lines from 8 AM to 6 PM and a hatched Sunday column stamped closed. Adding a service writes it by hand onto a kraft pocket marked "Pencilled in, not booked yet"; no time slot is ever assigned, the request simply asks for a preferred day and time, and payment happens at the salon after confirmation. Service slips have perforated stubs, and torn kraft edges and washi tape come from the logo. 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, built the appointment book and the pencil-in pocket, rebuilt the flow as a visit request, corrected the location and the registration details, and measured the old and new versions with the same script.

What it does

  • Week-to-view appointment book with hour lines and a Sunday column stamped closed
  • Chosen services written by hand onto a kraft pocket: "Pencilled in, not booked yet"
  • Service slips with perforated stubs, grouped into hair, face and brows, body and spa, nails, and packages
  • Visit request with a preferred day and time; the team confirms and payment happens at the salon
  • Location corrected from Pilar, Capiz to Caloocan City everywhere outside the original quotes
  • Tax number no longer shown as a registration number; unconfirmed VAT claims removed
  • Request sent as a pre-filled email that the customer sends
  • Field checks on the request page, including Philippine mobile number formats
  • The original customer quotes kept word for word

Technical challenges

A concept that does something

The appointment book isn't only decoration. Services are pencilled into it as you choose them, so the concept is also the summary of your visit request.

Honest about what isn't booked

A static site can't reserve a time slot, so it never pretends to. Every choice is labelled as pencilled in, and the team confirms the actual time.

Verified stack

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

Facts from the code

Homepage weight on load
84.82 → 0.54 MB
On load, on a phone
84.81 → 0.37 MB
After scrolling the whole page
84.82 → 0.69 MB
Fully loaded, simulated 10 Mbps
68.4 → 0.60 s
Phone layout width (390 px screen)
780 → 390 px
Services on the site
15

Outcomes

  • Live at jolenneanova.online.
  • Measured with the same script: homepage on load down from 84.82 MB to 0.54 MB on desktop and 0.37 MB on phones.
  • No failed requests, console errors or third-party requests on the new site during the capture run.

Lessons

  • The best concept is one that also works as an interface.
  • Don't let a design promise a booking the system can't make.
  • Check the basics first: the town, the numbers, the claims.

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. All images are generated illustrations of one imagined salon; the people in them are generated too, not the salon's staff or customers, and the site says the photos are illustrations. Service descriptions, prices and the customer quotes are carried over from the old site; the quotes stay word for word, including two that mention the wrong town from the old copy.

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.

Start a project →