Atelier Bei — Beauty Studio Website
A high-end, editorial website for a Huntington Beach permanent makeup studio, with interactive before-and-after showcases, a treatment menu and built-in appointment booking.
- Client
- Atelier Bei
- Date
- September 2026
- Category
- Websites
- Service
- Website Design
- Website
- atelierbei.com
Overview.
Overview
Atelier Bei is a 3D microblading and permanent makeup (PMU) studio at Pacific City, Huntington Beach, California, led by master PMU artist Nesreen Tillo. Gnolex designed and built its website so that it feels like a boutique beauty house. It shows real client transformations, explains the treatment menu and turns visitors into booked appointments.
What we built
- Editorial home page: an oversized serif headline ("Simple Beauty, Effortless Elegance."), a photo collage of the artist and animated rose-gold line accents, with a "Book Appointment" pill always in the header.
- Interactive before-and-after showcase: a "Real Client Transformations" section with three viewing modes. The Interactive Split Lens is a draggable comparison slider. There is also a 3D carousel of 22 client cases and a gallery grid, each case opening as a detailed "authentic card".
- Treatment menu: filterable service cards (Consultation, 3D Microblading, Touch-ups, Yearly Touch-up), each with category tags, pricing, a details page and a direct "Reserve" action.
- Portfolio ("Visual Chronicles"): 22 client cases in categories such as 3D Microblading & Hairstrokes, Ombré Powder Brows, Natural Organic Microblading and PMU. Each case has a description, tags and a "Reserve Treatment" button.
- Studio booking: on-site booking where visitors choose a treatment and an available date and time. It includes an availability check, email-based confirm and cancel actions, and a duplicate-booking check.
- Client reviews: a "Words of Devotion" testimonials section, plus private review links that the studio can send to clients after their visit.
- Supporting pages: About, Location, Contact, Gallery, FAQ, Blog, quote requests and popup campaigns, with links to Instagram, TikTok, Facebook and YouTube.
- Custom CMS: a Gnolex-built admin panel to manage services, portfolio, gallery, the hero collage, reviews, bookings, quotations and orders, blog, SEO and analytics. It supports Excel import and export, user roles and activity logs.
Design approach
The visual language is soft and couture-inspired: a warm ivory background, a dusty-rose accent (#B9667E) with deep berry tones, and Playfair Display headlines paired with Inter body text and a script face for flourishes such as "Maison de Beauté" and "Treatment Menu". Rounded photo cards, pill buttons, generous white space and fine rose-gold curves keep the focus on the photography and the brow work. The layout adapts for mobile, where the booking button stays in reach and the before-and-after slider works by touch.
Technology
- Laravel 12 (PHP 8.2+) with Blade templates, built on the Gnolex CMS platform
- Vite front-end build; custom CSS design tokens and animations
- Booking, quotation and order modules with email notifications
- PhpSpreadsheet for Excel import and export of services and products
- SEO tooling: schema.org Organization data, an XML sitemap, robots.txt and per-page meta
Gallery.
Website Design
We craft visually stunning, high-performance websites that capture your brand essence, tell your story, and turn visitors into loyal customers.
More from the Showcase.
Other projects we have shipped.
View the Showcase
Start a similar project.
Your idea deserves software that works as hard as you do. Let's talk about what we can build together.