Loading
About the Project

Any Merchant. Any Store. Built in Minutes.

Mel is a new Iraqi e-commerce platform built around one idea: any merchant — regardless of technical skill — should be able to launch a professional online store without hiring a developer.

We designed the complete UI/UX for the platform, covering both the merchant-facing store builder and the customer-facing shopping experience.

The Store Builder

The core of Mel is its web builder. Merchants pick a template, customise it to match their brand, add their products, and go live — all within the platform. No code. No external tools.

  • Pre-defined templates — a library of professionally designed storefront layouts merchants can apply in one click, each built for different product categories and brand styles
  • Drag-and-drop editor — merchants rearrange sections, swap content, update colours and fonts, and preview changes in real time before publishing
  • Product & inventory management — add products, set pricing, manage stock, and organise collections directly within the builder

The Customer Experience

Every store built on Mel inherits a fast, clean shopping experience — product browsing, cart, checkout — optimised for Iraqi shoppers and the local market.

The Design Challenge

A store builder is one of the most complex UX problems in software. The interface has to be powerful enough for a merchant who wants full control, yet simple enough for one who has never built anything online. Every panel, drag handle, and settings drawer was designed to communicate its function immediately — no manual required.

  • Drag-and-Drop Store Builder
  • Pre-Built Storefront Templates
  • One-Click Template Application
  • Real-Time Store Preview
  • Product & Inventory Management
  • Collection & Category Organisation
  • Custom Domain Support
  • Mobile-Optimised Storefronts
  • Order & Sales Dashboard
  • Storefront Branding Controls — Colours, Fonts, Logos
  • Customer-Facing Shopping & Checkout
  • Merchant Onboarding Flow
Mel

How It Was Built

Our process
01 .
Market & Merchant Research

Studied the Iraqi merchant landscape — the types of businesses that would use Mel, their current tools, and their biggest pain points with selling online. The research shaped the template library categories and the feature priority order for the builder.

02 .
Builder UX Architecture

Mapped every interaction in the store builder — how merchants navigate between sections, how they edit content, how they manage products, and how they move from building to publishing. Defined the panel structure, editing modes, and the relationship between the builder canvas and the settings sidebar.

03 .
Template Library Design

Designed the initial set of storefront templates covering the most common Iraqi merchant categories — fashion, electronics, food, and general retail. Each template was built as a full component system so merchants can mix sections across templates without breaking the layout.

04 .
Full UI Design & Prototyping

Applied the visual design across every screen — the builder interface, merchant dashboard, product management, and the customer-facing storefront and checkout — then built an interactive prototype for stakeholder review and usability testing.

Mel preview
Project Insights

Behind the
decisions we made.

The Builder Paradox

The more features you give a store builder, the harder it becomes to use — but the fewer features it has, the less useful it is for serious merchants. Mel needed to serve both a first-time seller who just wants to go live quickly and an established merchant who wants precise control. The solution was progressive disclosure — simple defaults that work out of the box, with advanced options a single click away for those who want them.

Templates as a Trust Signal

For many Iraqi merchants, their store template is the first professional design asset their brand has ever had. The templates had to look good enough that a merchant felt proud to share the link — not like a generic placeholder. Each template went through multiple rounds of refinement specifically to answer the question: would a merchant want to show this to their customers?

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Get In TouchStar

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us

Contact Us