jade aesthetics
I designed and built two websites for Jade Aesthetics, a medical spa in Wheaton, Illinois. The first launched in Framer. When the practice needed individual treatment pages, I rebuilt it in Next.js, keeping the visual style I’d developed for the first site.
Version one: the launch site
The practice came to me with a logo. I built the site’s visual style around it: jade green, warm gold, and cream backgrounds, with photographs of the treatment rooms so visitors could get a feel for the place.
The Framer site introduced the practice, its services, and its approach to care. It gave the team a first website while the business was getting started.
Why I rebuilt it
The practice needed individual treatment pages that people could find through search. I built a shared template in Next.js so each page could have its own content, metadata, and structured data.
The template also made it easier to add treatments. Each gets its own URL and follows the same structure, so the team doesn’t need a new page design for every service.
Version two: treatment pages
I used Next.js and Tailwind CSS for the rebuild. I designed the page structure and components, then worked with Claude Code on the implementation and reviewed the results. The site uses server-rendered pages, individual metadata, structured data, breadcrumbs, and a generated sitemap.
The rebuild includes more than 30 pages, with service categories, 16 treatment pages, two skincare lines, team bios, FAQs, financing, and contact information. Treatment pages explain what the procedure is, who it’s for, what to expect, and recovery. Visitors can find those details before deciding to book.
Keeping the visual identity
The rebuild kept the look of the first site. Headings are set in Space Grotesk and text in Sora. Service cards, FAQ accordions, testimonial carousels, and contact blocks became reusable components, which kept the growing set of pages consistent.
Outcome
The rebuild launched in about two months with more than 30 pages, including 16 treatment pages. Redirects connect the old URLs to the new pages, and the site keeps the visual identity from the Framer version.