Chéri Nails Website
Project Case Study
Chéri Nails Website
A luxury nail studio marketing website designed to balance brand mood with conversion clarity: transparent service/pricing, a lookbook-first visual proof section, and a streamlined contact inquiry flow. Delivered in 1 month as a solo build.
View Live Project →Overview
Chéri Nails is a luxury nail studio marketing website built to convert first-time visitors into inquiries by combining a refined visual tone with clear, scannable information. The homepage establishes the brand mood with a hero headline (“Rooted in the elegance of perfect nails”) and keeps the primary action low-pressure (“Learn More About Us”).
This project was delivered in 1 month as a solo build.
Objectives
Communicate a luxury brand tone without sacrificing usability and clarity
Make services and pricing easy to scan, reducing decision friction
Use a Lookbook-first approach to validate style fit quickly
Reinforce trust via testimonials and consistent visual hierarchy
Provide a straightforward contact path for inquiries and booking
Prepare for bilingual delivery using a scalable i18n foundation
Information Architecture
Top-level navigation follows how visitors typically decide:
Services: what’s offered (with pricing clarity)
Lookbook: style proof and portfolio scanning
Testimonial: social proof
Contact Us: inquiry/booking conversion
This structure supports a simple flow: understand → compare → confirm → act.
Key UX Decisions
1) Mood-first hero with a gentle CTA
Beauty services are highly emotional purchases. The hero prioritizes calm, premium positioning and invites exploration rather than pushing aggressive booking CTAs.
2) Services designed for fast scanning
Services are presented in category-first structure so visitors can self-select quickly (e.g., natural nails, extensions, add-ons). The goal is to reduce “Where do I start?” friction by making the options visually comparable.
3) Lookbook as the primary persuasion layer
For nail studios, style fit matters as much as price. The Lookbook section is treated as a key conversion asset: visitors can scan outcomes quickly before committing to an inquiry.
4) Testimonials to reinforce trust at the right moment
Testimonials are placed as reinforcement after visitors have seen services and style proof—supporting the decision point rather than serving as passive filler.
5) Contact designed for minimum friction
The contact experience is optimized to remove barriers: clear entry to messaging plus a form-based path (operational email delivery), with bot/spam mitigation via reCAPTCHA Enterprise.
Technical Implementation
Stack
| Area | Implementation | Notes |
|---|---|---|
| Framework | Next.js 15.1 + React 19 | Modern marketing website foundation |
| Language | TypeScript | Strong typing across UI and content props |
| Styling | Tailwind CSS 3 | Rapid iteration with consistent tokens |
| i18n | next-intl | Locale-ready structure for EN/KR |
| Contact ops | Nodemailer | Server-side email delivery for inquiries |
| Abuse prevention | reCAPTCHA Enterprise | Bot and spam mitigation for forms |
| Optimization | @next/bundle-analyzer | Bundle inspection and performance hygiene |
| SVG pipeline | @svgr/webpack | SVG assets as React components |
Engineering Highlights
Reusable “section” patterns for consistent expansion (Services, Lookbook, Testimonials, Contact)
Responsive layout tuned for mobile-first scanning
Operationally reliable contact flow (email delivery + abuse protection)
i18n-ready structure for bilingual iteration
What This Case Study Demonstrates
Translating a luxury brand mood into a conversion-capable website without clutter
Building a decision-friendly IA for local service businesses (services → proof → trust → contact)
Shipping a complete marketing website with real operational needs (contact flow + spam prevention) in a short timeline
Live: https://cherinails.servith.com/
Timeline: 1 month
Role: Solo delivery (IA → UI → i18n foundation → contact operations)