top of page

Small Business Pivot Design

Rapid prototyping, mockups, and chatbot

KC iphone homepage mockup.png
Class description iphone mockup.png
KC business page.png
Screen%2520Shot%25202020-06-24%2520at%25
Screen Shot 2020-05-08 at 1.38.55 PM.png


Challenge: Design a way to help small businesses pivot and deal with the new realities they are facing as a result of COVID-19

​

​Role: Project manager/UX designer

​

UX Methods: user surveys, competitive analysis, customer journey mapping, sketching, wireframing, rapid prototyping

​

Design SoftwareAdobe XD, Wireframe CC, Balsamiq, Botsify

​

Outputs: Web & mobile app mockups, high fidelity web prototype and chatbot for a new business idea and platform for customers to connect with local businesses delivering activity kits paired with online classes.

​

Duration: 2 weeks

CONTEXT

​

COVID-19 has impacted all our lives in a significant way. Some of the most severely impacted economically have been those who own or work for small businesses. Companies across sectors and industries face a multitude of challenges, with revenue top-of mind. Not only are they not able to maintain larger teams to maintain production needs, spending on non-essential expenses and transitioning to shelter-in-place models are pushing everything remote. As a result, brick and mortar establishments are relying on delivery services and online orders, and many are rethinking how they can iterate as a way to keep the lights on.

​

This started as a group Hackathon project where my team and I developed the business concept behind Kits & Classes and a low fidelity prototype of the checkout process. After the Hackathon, I continued to work on the project individually and created the chatbot and final mockups and prototype on my own.

 

RESEARCH​

​

Through some initial research, my team and I learned that restrictions that limit customer interactions have been particularly devastating to restaurants and other service industries that depend on customers coming to their physical locations.

​

On the flip side, we thought about the potential opportunities of most of the world being stuck at home, many of whom have more free time on their hands and are desperate for social interactions.

​

My team conducted a quick survey to get a better sense of whether people would be interested in learning something new, given the current situation, and what types of activities they might be interested in.

Screen Shot 2020-05-11 at 5.29.18 PM.png
Screen Shot 2020-05-11 at 5.29.25 PM.png
Screen Shot 2020-05-11 at 5.29.10 PM.png

The data showed an overwhelming majority of people would like to use this time to learn new skills and want to support their local businesses.

​

With that information, we came up with the idea for a platform for local businesses to connect with customers by offering activity kits paired with online classes. Businesses are already doing some of this on their own (zoom fitness classes and bar cocktail kits) but our platform would provide a streamlined website for customers to identify and support local businesses in their neighborhood while engaging in a social connection and learning a new skill through a group class.

​

We followed this up with a competitive analysis to better understand the competition’s offerings and see how we could create something unique. Although there are many companies providing similar services and products, we realized no one is focused on supporting local business or emphasizing virtual social connections through their product offerings.

​

We drafted out what the customer journey would look like and In just a few hours we were able to put together a prototype to demonstrate what the website might look like.

​

OG PROTOTYPE

ITERATIONS

​

I continued to work on this project individually, designing hi-fi mockup pages of our solution for mobile, desktop, and tablet.

​

First, I looked at several of my favorite websites and apps for inspiration. I then sketched out some rough drafts of what some of the pages might look like.

​

I then fleshed out my designs a little more into low-fidelity wireframes to get a better sense of the content layout.

Screen Shot 2020-05-11 at 7.19.59 PM.png
Screen Shot 2020-05-11 at 7.20.59 PM.png
Screen Shot 2020-05-11 at 7.21.36 PM.png

MOCKUPS​

​

Finally, I was ready to transfer my design to a hi-fi mockup in Adobe XD. It was my first time using the software and it was a great way to learn the ropes quickly.

Homepage – 1.png
Web 1920 – 3.png
iPad – homepage.png
iPad_–_live_class.png
Splash page.png
Business page.png
Homepage.png
Class description.png

REDESIGN

Splash page mockup.png
Class description iphone mockup.png
KC iphone homepage mockup.png
KC business page.png
Landing page NEW.png
KC class description web.png
KC Homepage revised.png

REFLECTION

​

It’s incredible what you can come up with in a short amount of time for a project you are passionate about. I also really loved the team aspect of this project and then having the opportunity to turn the concept into a tangible design on my own. It was invigorating to work on a problem that is so relevant and widespread and such a great feeling to be able to use UX design to help my community.

​

If you're interested in seeing how this work was developed further, take a look at the article I wrote about designing a chatbot for the platform featured in chatbotslife.com.

Like what you see? Let's connect!
  • LinkedIn

Liz E Designs © 2020

bottom of page