top of page

THE ART MART

E-Commerce Site Re-Design

Overview

The Art Mart is a local, eclectic art supply store in the Arts District in downtown Portland. The store primarily caters to the Art School it shares the block with, and the many independent studios in the area. Since the pandemic, they have had an increase in their e-commerce activity. The original site was outdated, challenging to navigate, and not user-friendly. We were brought on to establish the user need and made a more functional and personalized online shopping experience. 

Role 

UX & UI Designer

Timeline 

2wk Sprint

Tools

Figma, Illustrator, Miro, draw.io

Screen%20Shot%202021-03-19%20at%204.12_e
Screen%20Shot%202021-03-19%20at%204.12_e

DISCOVER

Business Analysis • Heuristic Analysis • Comparative Analysis • Competitive Analysis

What are the current pain points?

Nothing is clickable.

Screen Shot 2021-03-25 at 1.18.18 PM.png
Screen Shot 2021-03-25 at 1.17.57 PM.png

How do you navigate from here?

Where is the online store?

Legibility is a problem

There is no information heirarchy

DEFINE

Problem Statement • User Flow • MVP's

seasoned artists and crafters alike need a way to shop for materials online that still allows for them to access all of the expertise they would get from an in-person experience like recommendations, product descriptions, and swatches.

Feature Prioritization

1

Integrate homepage and online catalog into one cohesive

e-commerce site

2

Add clear product descriptions and suggestions to simulate an in-store experience, online

3

Include options for both in-store pickup and ship to home

DESIGN

Information Architecture • Sketches • Wireframes • Mid-Fi Prototype • Hi-Fi Prototype

Wireframing

Global navigation and information architecture

Screen%20Shot%202021-03-25%20at%208.25_e
Screen Shot 2021-03-25 at 8.26.57 PM.png

Mid-Fi Prototype

Problem: Checkout Flow

Screen Shot 2021-03-25 at 8.28.00 PM.png
Screen Shot 2021-03-25 at 8.28.12 PM.png
Screen Shot 2021-03-25 at 8.28.23 PM.png
Screen Shot 2021-03-25 at 8.28.35 PM.png

Hi-Fi Prototype

Solution: Add order summary and confirmation message

Screen Shot 2021-03-25 at 8.28.57 PM.png
Screen Shot 2021-03-25 at 8.29.10 PM.png
Screen Shot 2021-03-25 at 8.29.22 PM.png
Screen Shot 2021-03-25 at 8.29.32 PM.png

Hi-Fi Prototype

Make filter feature sleeker and more clear to use & scale down product cards

Screen Shot 2021-03-25 at 8.30.04 PM.png
Screen Shot 2021-03-25 at 8.30.19 PM.png

DELIVER

High Fidelity Clickable Prototype

Screen%20Shot%202021-03-19%20at%204.12_e
bottom of page