MDP Experiences

A website for immersive team events

A website that explains MDP Experiences’ immersive games and team events.

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES MDP EXPERIENCES

MDP Experiences website animation with its original illustrated background and moving typography.

The website introduces MDP’s experiences and explains its interactive team events. Its visual design carries the event identity onto the web.

Client project · Web

The MDP Experiences website

An actual homepage capture from October 2026. Open the image to inspect the website.

MDP Experiences actual website homepage — The website · Captured October 2026

Pages for each experience

Experience pages use structured content so the site keeps a consistent layout when pages are added or reordered.

Motion across screen sizes

Large type, patterned backgrounds and scroll-linked motion support the event identity. Responsive layouts adapt the pages to smaller screens.

How we built it.

MDP’s work is participatory, so the site introduces it through movement and strong graphic language before visitors explore the formats in more detail.

An opening built from the identity

The opening combines a three-word reveal, patterned SVG backgrounds, an expanding window shape and moving typography. These are composed elements in the website rather than a single recorded video. The pattern, type and transitions give the page an identity that continues into its service and experience sections.

Content and motion have different jobs

The React implementation separates page content from reusable elements such as experience cards, section dividers, headings and motion wrappers. React Router connects the pages; Framer Motion handles reveals and scroll-linked changes. This lets the same experience information appear in a consistent structure without forcing every section to look or move identically.

Built with

JavaScript
React
Vite
Framer Motion
React Router
Tailwind CSS