Overview

CLECTIBLE is a fictional toy e-commerce store.

Persona

Wireframes

I wireframed a standard user flow for an e-commerce experience:

1. Home

2. Catalog

3. Product

4. Cart

5. Checkout

6. Confirmation

Moodboard

I created a moodboard for inspiration and branding purposes that include:

• Toy e-commerce examples

• Images of toy products

• Claymorphism UI style

Design System

I created a simple design system with typography, color, and basic components.

Visual Design

I applied the design system into my wireframes to create my visual/UI design.