Skip to content
← All projects
/ Case study · Website · beauty brand & CMS

MAVE Brand Website

A beauty brand with a gallery the studio owns.

The public brand website: treatment photography, artist profiles, services, and locations, managed through a custom CMS.

Live at mavebeauty.co.id

MAVE Brand WebsiteThe brand websiteThe brand website01 / 02
For developers
Web
AstroTypeScriptTailwind CSSDrizzleSQLite
What I did & the proof ↓
Web
MAVE Brand WebsiteProduct tour

Choose a screen to see the product’s features and main flow.

MAVE Brand Website: The brand website
Screen by screen

The brand website

The current homepage presents real treatment work, the studio identity, and an entry to browser booking.

Screenshots from the live product

1 / 2
MAVE Brand Website · The brand website
Real product screenshots. Everything you click stays inside this portfolio.
The problem
The studio’s actual work needs to communicate its treatment expertise online.
What I built
A brand website with treatment photography, artist and service pages, and a custom CMS.
What it enables
The studio can maintain its own gallery and guide visitors into booking.
Feature highlights
  • Latest treatment photography
  • Editorial service & artist pages
  • Custom CMS & direct booking entry
Built with

Astro / TypeScript / Tailwind CSS / Drizzle / SQLite

Designed and built by Alexanders Schwartzmann · start to finish

  • Brand website UX & frontend
  • Service, artist & gallery pages
  • Custom CMS & content APIs
  • Publishing & booking entry
See what I did and the proof ↗
Want something like MAVE Brand Website?

I can build one around how your business works.

Talk about a similar project
What I did

I designed and built this project from start to finish.

Project creator

Alexanders Schwartzmann

From the product idea and design to the code behind the features below.

My implementation scope
  • Brand website UX & frontend
  • Service, artist & gallery pages
  • Custom CMS & content APIs
  • Publishing & booking entry

How the main flow works

  1. 01

    Studio-managed content & media

  2. 02

    Custom CMS & content data

  3. 03

    Astro brand and service pages

  4. 04

    Visitors continue to booking

Proof of the work

What was built, how it works, and why it was built that way.

01 / Real screen & code

The brand is carried by actual studio work

The website presents treatment photographs, services, artist information, and locations.

Technical decision

The brand website has its own presentation, separate from the appointment application.

02 / Real screen & code

Content the studio can maintain

The source includes admin pages and portfolio-content APIs for the studio’s publishing workflow.

Technical decision

A custom CMS lets content change without editing the frontend page source for every gallery update.

About these screens

Screens from the live brand website. No new studio content was published.

Screenshots from the live product ·

The problem

A beauty studio needs its treatment work, artist, and service details to carry the brand, with a publishing system the studio can maintain.

Feature highlights

  • Latest treatment photography
  • Editorial service & artist pages
  • Custom CMS & direct booking entry

Current implementation

Astro and TypeScript render the editorial brand pages; Tailwind supports the layout, while Drizzle and SQLite support the custom publishing backend. The current site uses the latest treatment imagery, an artist profile, service explanations, portfolio, locations, and a direct booking entry.

Explore the real product

The walkthrough captures the active homepage and service page with overlays dismissed, showing the studio’s current composition and photography.

Three distinct MAVE products

This is the public brand website. MAVE Booking Web App handles appointments in the browser. MAVE Native App brings the customer experience to iOS and Android, with treatment discovery, booking, history, and loyalty.