Purpose
Haligone is a startup that wishes to help its community during the Covid-19 situation. The three founders: Canberk, Deep, and Michelle have realized that because of the lock-down of restaurants, boutiques, and places local boutiques needed a new platform that would help them keep and grow their business online.
The Role
My role at Haligone Technologies was being a UX designer and front-end developer.
For my UX designer role I did:
- conducted over a dozen contextual interviews
- Did 5 usability testings with the wireframe solution Haligone
- Created work flows for the main features of the application
- Created a high fidelity design in Adobe XD
For my front-end role I did:
- Used HTML/CSS to style the web pages
- Relied on React to create the routing and component functionality for the back-end developer
The Problem
Because of Covid-19 most boutiques had to shut down for months. During these times most of these places lost at least 50% of their revenue from their customers. They also now had to do home delivery for each purchase they got from their customers because from April 2020 Halifax/Nova Scotia was closed down.
Haligone decided to tackle this problem. When I joined the project, they had an initial idea for the project and they had talked to a couple of store owners.
Yet, they hadn't talked with consumers and they hadn't gathered enough data to identify and then later solve important pain problems. They had the hunch that delivery was going to be a big problem for most boutique business owners.
Users
The hardest part of this project was that it was two-sided market meaning we had two very distinct type of users. The first type of user was a boutique owner and the second type of user was the consumer.
Boutique Owners
Consumers
User Workflow
After finding out the persona type for boutique owners and consumers, the next step was to come up with user workflows.
Paper Prototyping
After coming up with the personas, we needed different solutions for the delivery problem boutiques and consumers have faced. Thus, I led a fast sprint design session where we implemented Day 2 from Jack Knapp's Sprint book where each one of us produced as many paper prototype solutions as we could.
Below are some of the paper prototypes we came up with:
Once each one of us came up with potential solutions. We got together and voted screen by screen which ones we liked the best. At the end of the day, we had a mix of paper prototypes that I could later turn into wireframes.
Wireframing
To do usability testing and creating the initial user interaction, we began wireframing with Figma. We chose Figma because of the ease of use for its collaboration functionality compared to other alternatives such as Balsamiq.
High Fidelity Prototype
After more than a dozen usability interviews with the wireframe with both boutique owners and consumers, it was time to create a high fidelity design in Adobe XD. Below are some sample screens:
