The Marmara

UI/UX
DEVELOPMENT
The Marmara — project hero

Project overview

M Chocolate is the luxury chocolate house of The Marmara Hospitality Group, blending Turkish confectionery heritage with modern artistry. MDX designed and developed its e-commerce experience, translating the brand's cultural and culinary story into an elegant digital boutique. Rich editorial typography, deep purple and gold accents and immersive product photography guide visitors from storytelling to seasonal collections and checkout.

Date: September 27, 2026
Location: Turkey

Design process

8 hours

Discovery

Information Architecture
User Persona
Research
30 hours

Strategy

Competitor Analysis
Hypothesis Building
Interaction Flow
70 hours

Solution

Prototype Animations
Interactive Wireframes
Moodboard & Visual Direction

Initial concepts

Early UI Concepts and Visual Explorations.

The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept
The Marmara — design concept

The challenge

A premium chocolate brand cannot feel like a generic online store. The Marmara needed a site that conveyed hospitality-grade luxury and Turkish heritage while still selling efficiently across categories, gift boxes and limited editions. That meant balancing editorial storytelling with fast browsing, search, cart and language options, all on a performant build that keeps high-resolution imagery crisp on every screen.

VIEW EXPERIENCE
The Marmara — project collage

The impact

The new M Chocolate site gives The Marmara a digital flagship worthy of its products. Featured collections, category carousels and refined motion create a slow, indulgent browsing rhythm, while React-powered commerce components keep shopping smooth. Built on Astro with GSAP animation, the platform pairs strong performance with a distinctive visual identity that connects the chocolate house to the wider Marmara hospitality experience.

VIEW EXPERIENCE

Responsive

The Marmara — project showcase
The Marmara — project showcase
The Marmara — project showcase
The Marmara — project showcase
The Marmara — project showcase
The Marmara — project showcase

Tech

figma icon
react icon
gsap icon