My greatest challenge with this project was making sure I was meeting the needs of the user. It took several rounds of user testing to nail down the final designs and user flow. If this project were to continue, I would keep reevaluating user experience and metrics to determine correct-fit features for this product.


It is important to continually gather information on user needs to refine the product ideas that lead to happier customers, sharper priority lists, and a better product-market fit.

Summit Supply

An ecommerce site for all things camping

April 2023

Responsive Screens

Project Duration:

1 mo.

Tools:

Figma

My Role:

UX/UI Designer

Platform:

Responsive

Target Audience:

25-65 yrs

Objective

A responsive web app that helps users easily find and buy key items from anywhere with internet access. Users can filter inventory according to their needs and have their desired goods delivered to any address with free returns. It's a convenient way to shop during commutes, evenings, lunch breaks, and weekends, saving time and effort.

Design Process

Explore

Research

Analysis

Design

Testing

Define Project


Define Goals


Define Challenges


User Personas


User Scenarios


Competitive Analysis

Flowchart/ User Journeys

Wireframing


Mockups


Prototyping

Usability Testing


A/B Testing

Problem

Solution

Users don’t have the time or ability to visit physical stores and would rather buy their goods on the go or from home. Users want a clean and an easy-to-navigate app.

Summit Supply provides a breath of fresh air with our sleek and dynamic experience. Our modern and clean design and smart filtering options are the major drivers of our success.

Branding

Summit Supply

Brand Guidlines

Our Guiding Principles

Our mission at Summit Supply is to provide our customers with a seamless and enjoyable camping shopping experience. We believe that shopping for camping gear should be easy, convenient, and stress-free, which is why we've created a website that allows you to shop anywhere, anytime.


At Summit Supply, we're committed to providing our customers with the best possible shopping experience. We strive to exceed your expectations and make your camping shopping experience a great one.

Our Logo

Our logo’s primary state is a combination mark with both imagery and wordmark. It can be used its it’s secondary smaller state when applicable.

We're passionate about the outdoors and want to share that passion with our customers. We believe that camping is an incredible way to connect with nature and make lasting memories with family and friends.

Norem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.


Subheading

Heading 3

Heading 2

Heading 1

Semi-Bold

Medium

Regular

Regular

56


42

31

23

The typography to be used is Poppins. Poppins is a sans-serif font that is modern and highly legible font. It comes in a variety of weights, from thin to extra bold, making it a flexible choice for a range of design needs. Poppins is known for its friendly and approachable feel, while still maintaining a professional and sophisticated look.

Typography

464246

F0EBE2

A5B9B9

FFFFFF

This color palette features a clean and minimalist color scheme that centers around beige and white as the primary colors. The beige color provides a warm and inviting feel, while the use of white adds a modern touch. A blue-gray is used as an accent color.The use of this soft blue tone creates a calming effect and helps to balance out the warm tones of the beige. Overall, this color palette creates a timeless and sophisticated look that plays on the colors found in nature.

Color Palette

Image Style

The image style is crisp and clear. The imagery can be of just the item or the item out in nature.

User 1: As a new customer, I want to access the inventory without having to register, so that I can make sure this store has what I’m looking for before having to create an account.


User 2: As a customer, I want to be able to place multiple items in a shopping cart, so that I can purchase more than one item at a time.


User 3: As a customer, I want to be able to see when stock is on sale, so that I can save money.

User Stories/User Flow

User Research & Analysis

Highlighted User Story & Low-Fidelity Sketches

As a customer, I want to be able to place multiple items in a shopping cart, so that I can purchase more than one item at a time.

Medium Fidelity Screens

Splash Screen

Login/Sign Up

Home

Category Selected

Updated

User Testing

Scenario:

As a new customer, I want to access the inventory without having to register, so that I can make sure this store has what I’m looking for before having to create an account.


User Tester 1:

Laiya- Teacher 31

Login page is clean and simple.

It was easy to find the “Continue as Guest” option, but I wonder if it could be a button so it is a little more obvious.

Pain Point- Continues as Guest button could be more obvious for more efficient navigation.

9:41

Login

Sign Up

Shop the

Continue as Guest

Updated

Scenario:

As a customer, I want to be able to place multiple items in a shopping cart, so that I can purchase more than one item at a time.


User Tester 2:

Pain Point- Add context to the drop down menu

Kaden- Student 20

I found it easy to go from the home page to a category I was looking for. I noticed I could also search easily from the top of the page.

Once I get to the category I chose I can see there is a list of options. The add to cart button is simple, but what is the drop down menu for?

I like having the cart on the bottom menu. It makes it less work for me.

9:41

Search

Tents

Backpacks

Camping Furniture

Cookware

Basics

Skydome 4 person Camping Tent

$119.99

$239.99

Add to Cart

1

8 person Mountain Trek Tent

$305.99

Add to Cart

1

Savannah 6 person Ultimate Tent

$106.50

$159.99

Add to Cart

1

home

account

cart

menu

Shop Tents by Size

From solo travelers to 12 campers

Shop Now

SALE

9:41

Search

Tents

Backpacks

Camping Furniture

Cookware

Basics

Total:

$426.36

Order Summary

(2 items)

Continue to Checkout

Skydome 4 person Camping Tent

$119.99

$239.99

Add to Cart

1

8 person Mountain Trek Tent

$305.99

Add to Cart

1

home

account

cart

menu

SALE

Final Screens

© Taylor Varichak Design

Ulti-Mutt Outings

Triangle Barkitecture

Body

Cart