iShop

Build Your Brand
Sell with Ease

iShop is a scalable e-commerce platform that empowers merchants to build distinctive storefronts while delivering a seamless and high-conversion shopping experience.

+230%
User growth
In 6 months
+45%
Conversion rate lift
From checkout optimisation
200+
Design system components
Built from scratch
30+
Component categories
Across the system
iSHOP
iSHOP branding iSHOP branding

Project phases

Project phases

Project goal

The core challenge was balancing two opposing user needs: merchants want creative flexibility, while consumers demand speed and simplicity.

Problems

User interviews and market research identified several key challenges faced by both merchants and consumers within the current e-commerce landscape.

01
Limited Brand Expression

Generic layouts leave little room for differentiation. Most templates prioritize function over identity.

02
Friction in Discovery & Checkout

Keyword-only search leaves users without style guidance. Complex flows then drive abandonment before purchase.

03
High Operational Complexity

Store setup requires technical knowledge most merchants don't have. Dependency on developers slows time-to-market.

Solutions

01
Modular UI Framework

Components decouple structure from style, letting each storefront look distinct. Consistent patterns keep the system scalable.

02
AI-Assisted Discovery & Checkout

iAsk surfaces products by intent, not just search terms. One-tap checkout then removes friction at the final step.

03
Zero-Code Configuration

A guided setup gets stores live without writing code. Merchants stay focused on selling, not configuring.

User Personas

Based on user interviews and market research, three core personas were identified to represent the primary users of the platform: merchants, small business owners, and consumers.

Franzisca
Franzisca, 32
Independent founder seeking a distinctive digital storefront.
Emotional Drivers:

A sense of ownership, professional pride, and the need for market differentiation.

Goals & Needs:
  • Construct a bespoke, visually compelling storefront.
  • Scalable brand growth through consistent visual storytelling.
  • Complete creative autonomy without technical dependencies.
Pain Points:
  • Technical barriers to high-end design.
  • Rigid, cookie-cutter templates that dilute brand uniqueness.
Joseph
Joseph, 43
Pragmatic business owner focused on operational efficiency.
Emotional Drivers:

Confidence in self-management, speed-to-market, and operational autonomy.

Goals & Needs:
  • Zero-to-one store launch with minimal lead time.
  • Implementation of an intuitive, turnkey e-commerce solution.
  • Frictionless inventory and order management.
Pain Points:
  • Prohibitive costs of specialized technical resources.
  • Overwhelming complexity in traditional enterprise systems.
Juan
Juan, 25
Digital-native shopper prioritizing speed and flexibility.
Emotional Drivers:

Security, convenience, and the joy of a frictionless discovery-to-purchase flow.

Goals & Needs:
  • Conversational product discovery and one-tap purchasing.
  • Flexible fulfillment, including in-store pickup and home delivery.
  • Transparent tracking and secure checkout.
Pain Points:
  • Rigid delivery options that don't fit a busy lifestyle.
  • Complicated checkout flows and hidden fulfillment steps.
Ideate phase

Ideate

Styleguide

Primary
#1F1F1F
Accent
#276BF6
White
#FFFFFF
Aa
SF Pro
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # € % ^ & * ( ) = + ~ < > ? /

UI Kit

Built for multi-tenant scalability, this modular UI kit supports rapid deployment while maintaining visual consistency. Standardized components—including buttons, forms, and product cards—reduce design overhead and enable flexible storefront configuration.

UI Kit components
Design phase

Design

Intuitive Discovery

The homepage is structured to prioritize product discovery. A prominent search interface and contextual category filters reduce friction, enabling a seamless transition from landing to active browsing.

iSHOP home screen

Category & Filters

To help users navigate large inventories efficiently, the category system combines structured entry points with flexible filtering options. This reduces decision fatigue and shortens the path to purchase.

Category
Women category
Filter panel

Product Details

The product detail page accelerates decision-making and reinforces trust. Key information is prioritized, while social proof and fulfillment transparency reduce hesitation. A "Buy Now" shortcut supports high-intent purchases.

Product detail
Product detail 2

Optimized for Faster Decisions

Security & Privacy

Security & Privacy

Social Proof via Real User Feedback

Emily M
Emily M
This jacket is surprisingly lightweight and perfect for layering. The boxy fit gives it a modern edge without looking oversized.
iAsk AI assistant

iAsk

A conversational AI embedded in the shopping journey that drives conversion by turning intent into purchase-ready recommendations. It surfaces high-relevance products, balances personalization with business goals, and intelligently promotes inventory to optimize sell-through.

Style this item

Surfaces complementary picks for items users already own, increasing outfit completion rates and average basket size.

Build me an outfit

Assembles full looks from a single prompt, driving multi-item purchases while aligning with user style preferences.

Find a gift

Converts open-ended requests into high-confidence picks, prioritizing relevance and sell-through for targeted inventory.

Cart
Checkout — Delivery

Cart &
Checkout

The cart prioritizes clarity and momentum, enabling effortless item management while supporting cross-sell opportunities. An adaptive Delivery/Pickup toggle preserves flexibility, while express payment options such as Apple Pay reduce friction and accelerate transactions.

Store Locator

From finding a nearby store to completing a pickup order, the flow removes the friction between browsing online and collecting in person.

Store detail
Pickup

Account Hub &
Order Tracking

The centralized profile interface that consolidates user assets, order history, and system preferences for effortless management, while providing a direct gateway to tailored tracking—featuring live maps for delivery and secure QR codes for pickup.

Account
Order tracking — delivery
Order tracking — pickup

The system implements Dynamic Island notifications to provide ambient, real-time status updates for both delivery and pickup progress.

Dynamic Island

Reflections &
Future Strategy

Transitioning the UI Kit into a cross-platform Design Token system to ensure engineering alignment, faster iteration cycles, and scalable brand consistency.
Evolving the Store Locator into a hybrid retail touchpoint — integrating real-time inventory, membership incentives, and localized engagement to strengthen the bridge between digital browsing and physical fulfillment.
Evolving iAsk into a merchant-facing intelligence layer — using aggregated intent signals to inform assortment planning, surface demand gaps, and enable dynamic merchandising that connects consumer behaviour directly to inventory strategy.

See more of my work

Take a look at the admin side of iSHOP — a fragmented retail back-office redesigned into a unified operations platform, bringing orders, inventory, customers, and stores into one cohesive interface.

iSHOP Admin

To B · Web App · Admin Dashboard

Admin Redesign