DMB. Brand Shop

UI/UX Design

Development

Consulting & Strategy

DMB, an award-winning agency approached us to collaborate on an internal project. The brand shop is a sleek, editorial quality storefront that matches their creative standards. The brand shop combines portfolio with e-commerce and lets users shop the products designed by DMB.

Year

2023 – present

Project

Headless portfolio with a Shopify integration

Scope

Design and development of a custom portfolio for DMB's branding and packaging design with functioning shopping capability

Industry

Advertising

Technologies

Figma

Shopify

Next.js

Vercel

Sanity

Highlights

Custom headless build with Shopify integration

Custom CMS built using Sanity driven by flexibility and scalability

Portfolio and editorial content with cross-selling of real products

Custom fully editable page templates

Advanced animations

Performance optimized to handle high volume content

Awards

DMB. Brand Shop

UI/UX Design

Development

Consulting & Strategy

DMB, an award-winning agency approached us to collaborate on an internal project. The brand shop is a sleek, editorial quality storefront that matches their creative standards. The brand shop combines portfolio with e-commerce and lets users shop the products designed by DMB.

Year

2023 – present

Project

Headless portfolio with a Shopify integration

Scope

Design and development of a custom portfolio for DMB's branding and packaging design with functioning shopping capability

Industry

Advertising

Technologies

Figma

Shopify

Next.js

Vercel

Sanity

Highlights

Custom headless build with Shopify integration

Custom CMS built using Sanity driven by flexibility and scalability

Portfolio and editorial content with cross-selling of real products

Custom fully editable page templates

Advanced animations

Performance optimized to handle high volume content

Awards

Briefing & Challenges

Client Brief

We want to create a portfolio for our branding work. We want the website to have lots of animation, maybe even win awards, oh and it should also have a shop! While the shop is more of a gimmick we do want it to actually work like any other e-commerce.

Challenges

Create an e‑commerce experience that prioritizes brand expression over conversion

Build a fully custom front-end connected to a lightweight CMS for internal updates

Client Brief

We want to create a portfolio for our branding work. We want the website to have lots of animation, maybe even win awards, oh and it should also have a shop! While the shop is more of a gimmick we do want it to actually work like any other e-commerce.

Challenges

Create an e‑commerce experience that prioritizes brand expression over conversion

Build a fully custom front-end connected to a lightweight CMS for internal updates

Our Approach

Custom Design

Created a digital identity that was playful yet structured, translating DMB’s creative vision into a modular, scalable design system with experimental modules and animations.

Custom Development

Developed a fully custom theme connected to a headless Shopify setup, allowing flexibility between commerce and portfolio content.

Performance With Personality

Micro-animations and transitions that matched the bold creative direction, while still optimized for speed and responsiveness across devices.

The Results

Homepage

Project Page

You guys are awesome at creating digital happiness.

You guys are awesome at creating digital happiness.

DMB. team member on Same Same Studio

Project Highlights

Quick, responsive, and fully customizable. Each category is color-coded, and results update instantly for a smooth experience.

Filtering

Quick, responsive, and fully customizable. Each category is color-coded, and results update instantly for a smooth experience.

Filtering

A functional detail with a playful twist. The custom animation makes something standard feel fresh and memorable.

Language Switcher

A functional detail with a playful twist. The custom animation makes something standard feel fresh and memorable.

Language Switcher

An animation-heavy website designed to create a strong creative impact while still maintaining high performance.

Advanced Animations

An animation-heavy website designed to create a strong creative impact while still maintaining high performance.

Advanced Animations

Filtering

Quick, responsive, and fully customizable. Each category is color-coded, and results update instantly for a smooth experience.

Language Switcher

A functional detail with a playful twist. The custom animation makes something standard feel fresh and memorable.

Advanced Animations

An animation-heavy website designed to create a strong creative impact while still maintaining high performance.

Similar Projects

Invest at the right stage

Want to build a website with us?

Schedule a 30-minute call to see if we are a good match.

We are the Rebeccas – founders of Same Same Studio, and together with our in-house team and close collaborators, we will work with you from start to finish.

Mo – Fr: 9AM–5PM

GMT+1

07:14PM

Same Same GmbH
Eggerthgasse 8/1b
1060 Vienna
Austria

We only participate in paid pitches.

Join the team

Freelance Frontend Developer

Web design

Design systems & iconography

App Design

Landing pages

Digital Product design

User testing

UX analysis + reports

Freelance UI/UX Designer

Web design

Design systems & iconography

App Design

Landing pages

Digital Product design

User testing

UX analysis + reports

We are not currently hiring, but we are always happy to expand our network of creative collaborators, send us your portfolio to: jobs@samesame.studio

Creative Consulting

Are you a creative looking to start, or grow a creative business? We offer workshops, consulting, and mentorships.

Community

We do not have active social channels right now, but you can check out our recent work here or chat with us on Discord.

Want to build a website with us?

Schedule a 15-minute call to see if we are a good match.

We are the Rebeccas – founders of Same Same Studio, and together with our in-house team and close collaborators, we will work with you from start to finish.

Mo – Fr: 9AM–5PM

GMT+1

07:14PM

Same Same GmbH
Eggerthgasse 8/1b
1060 Vienna
Austria

We only participate in paid pitches.

Join the team

Freelance Frontend Developer

Web design

Design systems & iconography

App Design

Landing pages

Digital Product design

User testing

UX analysis + reports

Freelance UI/UX Designer

Web design

Design systems & iconography

App Design

Landing pages

Digital Product design

User testing

UX analysis + reports

We are not currently hiring, but we are always happy to expand our network of creative collaborators, send us your portfolio to: jobs@samesame.studio

Creative Consulting

Are you a creative looking to start, or grow a creative business? We offer workshops, consulting, and mentorships.

Community

We do not have active social channels right now, but you can check out our recent work here or chat with us on Discord.