Haligone

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

Primary User Persona for Haligone

Secondary User Persona for Haligone

Consumers

Consumers Primary Persona

User Workflow

After  finding out the  persona type for boutique owners and consumers, the next step was to come up with user workflows.

New Product Task Flow
Check Order Task Flow

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:

Store View Paper Prototype

Home Page For Consumer Paper Protoype
Address Picking for Checkout Paper Prototype
Order Confirmation and Signed Out Page for Paper Prototype

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.

Orders Screen

Checkout Screen
Product Details

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:

Product Details Screen
Boutique Products
Add New Items