Crescent Camping mobile app

My role: Lead designer, research, wireframes, mockups, prototypes, usability testing

Overview

The user: People who want to shop at a local business for their camping supplies.

The problem: Crescent Camping is a small camping supply store with limited business hours. Their customers’ schedules don’t always allow them make it to the store to shop for camping supplies.

The solution: Create a mobile app that allows users to shop on their schedules and choose either in-store pick up or delivery.

Wireframes and low-fidelity prototype

After conducting preliminary research I created paper wireframes and transitioned to digital wireframes in Figma. From there I created a low fidelity prototype. User testing revealed that the user flow of moving from home screen to shopping to checkout was smooth and intuitive; however, additional selections were being missed. In the cases of items such as clothing where size selections are required, this called for adjustments. I introduced a product overlay that appeared when clicking “add to cart” on items where additional selections were needed.

Mockups and high-fidelity prototype

After another round of testing, it was time to create mockups and a high fidelity prototype.

Sticker sheet

These are the reusable components I created to build the app.

Prototype in action

A GIF of the prototype can be seen below. If you want to experience it for yourself, please feel free.

Crescent Camping Figma prototype

Next steps

If I revisit Crescent Camping’s mobile app, I would like to add a sign in and account options to the design. During usability testing it was expressed that the ability to save information such as address, payment information, and previous orders is a feature users would like.

If you have any questions, I would welcome an opportunity to discuss this project with you.