Skip to content

Metro Private Cinema

Full site design for Metro Private Cinema — private screening rooms, themed dinners, and opening-weekend blockbusters in Chelsea, NYC.

SvelteKitTailwindRadix ColorsWeb DesignUXFigma
Role
Founding Designer
Year
2022–Present
Client
Metro Private Cinema
Metro Private Cinema movie listing page beside artwork for The Mandalorian and Grogu.

Metro Private Cinema puts you and your group in a private screening room in Chelsea. Blockbusters on opening weekend, dinner served before the film, drinks during it, and a staff that disappears the moment the lights go down. As Founding Designer, I shaped the product from scratch: brand, interface, and the design work that’s still running.

What was designed and built

  • Full site on SvelteKit with Tailwind and Radix Colors: home, about, movies, menus, bar, private events, pricing, FAQ
  • “Now Playing” movie grid pulling current titles, with a Reserve button on each film card
  • Seasonal menus with detail pages for each (Spring Menu, Afternoon Tea, etc.)
  • Transparent pricing page with itemized example events at three party sizes
  • “Gather Your Friends” flow: invitation handling, split billing, dietary restriction collection
  • About page structured to walk first-timers through every unfamiliar detail without losing the atmosphere

The rooms are the moodboard

  • Deep burgundy, forest green, and dark navy pulled directly from the suites’ own candlelit aesthetic
  • Food and venue photography carries the visual weight; type frames without competing
  • Film poster art in the movie grid treated as editorial content, not product thumbnails
  • The same copy principle runs site-wide: concrete specifics (“ninja service during the movie — invisible when you don’t need us”) over category marketing (“an elevated experience”)

Making the unfamiliar feel obvious

Private cinema is a category most people haven’t tried. The site’s job is to close that gap before anyone clicks away.

  • “How It Works” lays out the experience in four concrete steps
  • Each cost is listed separately (suite, food, drinks, gratuity) rather than bundled into a single opaque price
  • The About page names every service detail, including the ones that feel implicit: split billing is automatic, dietary restrictions are collected upfront, the server leaves during the film
  • Alternative uses (meetings, sports, birthday parties, filmmaker screenings) are visible without getting in the way of the main one
Homepage — Now Playing leads with current titles as if reading a marquee. The Reserve CTA sits directly on each film card rather than routing through a separate browsing flow.

Movie-themed menus set Metro apart. Each wraps around the film you’re watching: its own photography, its own name, its own per-person price — not a generic food-and-drink list.

About page — food and drinks section names every service moment: family-style before the film, dessert during, ninja service throughout. Service details as brand voice, not fine print.
Menus page — movie-themed menus as named objects, each with photography and a per-person price. The Chelsea Couture Menu pairs Devil Wears Prada 2 with the food at the ingredient level.

The Bar with No Name is Metro’s standalone cocktail bar, designed as a before-and-after destination. The photography and copy give it its own identity, separate from the screening rooms.

The Bar with No Name — full-bleed photography and a distinct name establish the bar as a destination. Positioned for pre-movie, post-movie, or any-time visits.

Metro’s 20-suite facility also runs private events. The Events page groups use cases into four named categories — boardroom, brand showcase, filmmaker screenings, and celebrations — so corporate and personal bookers can orient without wading through every possible scenario.

Events page — four named use-case cards (Upgrade Your Boardroom, Showcase Your Brand, Highlight Your Vision, Celebrate Your Moment) give the 20-suite facility a clear taxonomy for non-movie bookings.

Ongoing

The site runs on a custom e-commerce system built alongside the product. New menus each season, new titles every week.

← All projects