PP

StyleVault

High-fashion portfolio and private showroom for stylists

TypeScript Live

Overview

StyleVault is a digital portfolio and private showroom for celebrity stylists. The public surface showcases editorial hero carousels and collection galleries; invited clients access a password-protected vault for time-bound bookings and curated looks.

A dedicated manager experience at /pp/manager supports carousel and collection authoring, booking lifecycles, budgets, receipts, and stylist settings. The live deployment referenced from this portfolio is the stylist site at peterpapapetrou.com.

Public and client experience

Editorial presentation

Full-bleed hero carousel and collection grids with motion, scroll, and typographic treatment tuned for high-fashion presentation.

Private vault

Token-based vault URLs let approved clients review selected work in a dedicated session, separate from the public marketing site.

Portfolio telemetry

Public surfaces emit events into the shared analytics model so usage can be compared alongside other KervinApps properties.

Manager console

Stylists sign in at the manager gate; authenticated users land in the console with a fixed top navigation and a dedicated mobile pattern so layout and scroll stay predictable inside the admin shell.

Primary sections

  • Carousel — Curate the public hero deck: slide picks, ordering, and timing so the home story matches seasonal campaigns.
  • Collections — Build editorial galleries: collection metadata, cover imagery, publish flags, and which grids appear on the public site.
  • Bookings — Roster of client engagements: create bookings, open the booking editor, publish or rotate vault links, preview the client-facing vault, and retire bookings when engagements end.
  • Settings — Site-wide controls such as carousel timing, hero captions, scroll behavior, upload limits, session length for vault access, and keyboard or workflow shortcuts.
  • Guide — In-product documentation hub with topics that mirror how managers actually work (see below).

Inside a booking

Each booking exposes specialized tools for money, media layout, and paperwork:

  • Details — Title, client identity, visual theme, and vault link lifecycle (issue, rotate, or revoke).
  • Budget — Rates, fees, budget lines, currency, and internal notes visible only in the manager shell.
  • Storyboard — Canvas-style layout for the client vault: rows, cells, and media placement clients see when they open their link.
  • Receipts — Uploads and returns, pool imports, edits, and safe unlinking when documents move between bookings.

Additional manager flows

Storyboards and Scan surfaces support deeper asset and layout workflows outside the default hub path, with breadcrumbs reflecting the current mode (for example storyboard previews or scan utilities).

Technology stack

Next.js
TypeScript
Tailwind CSS
Framer Motion
PlanetScale (MySQL)
Netlify

Try StyleVault

Open the public stylist portfolio or return to the portfolio homepage.