Rate the Moodboard to Final Design Transition for E-commerce

Rate the Moodboard to Final Design Transition for E-commerceRate the Moodboard to Final Design Transition for E-commerce

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Suheer Ghazyani

• Jun 10

The Moodboard vs The Final Build 🔎 Rate this transition from 1-10! 👇

🎨 The Vibe: Soft, warm neutrals, pastel pinks, deep navy accents, and cozy lifestyle imagery.

💻 The Execution: A clean, engaging user interface designed to turn Shopify browsers into buyers through an interactive quiz layout.

When building custom e-commerce experiences, nailing the visual storytelling is just as important as the backend functionality.

Drop a comment below, how do you think the moodboard translated into the final page design? 👇 @Figma @Shopify @WordPress

Figma Shopify ecommerce

MD Rafee Alam

• Jun 10

I'd rate the vibe-to-execution translation at an 8. The warm neutrals and pastels read as intentional rather than default, which is hard to pull off in Shopify without it feeling generic.

Suheer Ghazyani

• Jun 11

Thanks for your honest ratings

Mariusz Mitkow

• Sep 20

Hot take: Interaction isn't just decoration. It is the brand I built this visual concept for a Peptides brand using WebGL and fabric physics. The fluid motion isn’t a gimmick it’s the core identity.

Illustration Figma Midjourney

Novatur Design

max

• Sep 22

GOATED

Shazzad ideapeel

pro

• Sep 20

What should a creative agency website actually feel like?

For Orvika, we didn't want another agency site built around the same safe layouts and predictable sections.

We pushed the visual direction further with oversized typography, editorial layouts, bold imagery, and stronger contrast, while keeping the experience structured enough to communicate the agency's work and capabilities clearly.

The goal wasn't just to make it look different.

It was to make the agency feel different.

Designed in Figma and built in Framer.

We're sharing more of the websites and digital experiences we've been working on here over the next few weeks.

showyourwork Framer Figma

Mahmudul Hasan Manik

pro

• Sep 21

Very neat man

Rahman Rahe

• Sep 20

💳 Making Financial Products Feel Simple

I designed this finance website for Sendit, with one goal in mind: make everyday payments feel simple, trustworthy, and effortless.

The design focuses on:

Clear messaging and strong visual hierarchy

Trust-focused finance UI

Simple payment interactions

Clean, modern layouts

Conversion-focused sections

A responsive experience designed around the user

For fintech products, good design isn’t just about looking modern. It’s about making people feel confident when money is involved.

If you’re building a fintech, SaaS, payment platform, or financial product and need a website that communicates trust and clarity, I’d love to work with you.