Level 10 XP
Icon
Skip to content
ContactStatus
Back to Work

MDP Experiences

Marketing website for a company specializing in immersive games and interactive team experiences.

View Live Project
MDP Experiences
Role

Developer

Year

2025

Stack

React, Tailwind CSS, Vite, Framer Motion

Link
View Live Project

01. The Challenge

MDP Experiences needed a website that could capture the energy and excitement of their immersive team experiences. The challenge was translating the thrill of in-person games into a digital experience that would compel visitors to book.

The client also needed an easy way to update content—services, experiences, and copy—without requiring developer involvement for every change.

02. The Process

Started with understanding the brand's unique personality—bold, playful, and premium. Created a custom design system with Deep Space Blue, Princeton Orange, and Sunflower Gold, paired with Bebas Neue typography for a distinctive identity. Built a modular content architecture allowing non-technical updates.

Engineering

Built a modular content layer that separates data from components, enabling easy client updates.

// Content-Driven Architecture // /src/content/experiences.js export const experiences = [ { slug: 'jeopardy', title: 'Jeopardy', tagline: 'Team Quiz Showdown', description: 'Battle it out in teams...', features: ['Custom categories', 'Live scoring'], image: '/images/jeopardy.jpg' }, // Client can add/edit experiences here ]; // Component consumes content const ExperienceCard = ({ slug }) => { const exp = experiences.find(e => e.slug === slug); return <Card {...exp} />; };

03. The Result

MDP Experiences

6+

Pages

3

Signature Experiences