Hazel Analytics

Bringing data analytics to the future of food safety

Hazel Analytics Logo

Brief

Hazel Analytics is a data driven technology company looking to revolutionize public health through the connection of food service operators, regulators, and industry providers. Hazel Analytics was looking for a complete redesign of their Food Safety Insights platform, which allowed clients to review the safety of their restaurants.

Client

Hazel Analytics

Tools

Figma, Google Slides, Evernote

Deliverables

High Fidelity Mockups, Interactive Prototype, Usability Study Results, Investor Presentation

My Impact

This project took place in the first quarter of 2019 while I was consulting for startups. During my time on the project, I worked directly with the CEO and CTO on the vision and redesign of the platform.

I was responsible for executing all stages of the design process. This included creation of all design deliverables such as research, wireframes, high-fidelity mockups, and usability study results.


Problem

The initial design of the platform was scrappy due to resources at the time. It suffered from noisy information architecture, duplicative features and unintuitive user flows.

Goal

Design a new platform based on user feedback and a set of unifying design principles.


Design Process

Research

Hazel Research Process

Stakeholder & Business Research

To start the project, I immersed myself in the food safety industry by researching the market and conducting stakeholder interviews with Hazel Analytics employees. I believe that building relationships with stakeholders and an understanding of the industry is foundational to being able to communicate and design effectively.

From this research, I learned:

  • Users were only using a couple of the top level landing pages
  • Users were unable to find features that they were most interested in like competitor analysis
  • Users wanted more reporting flexbility to help communicate food safety performance

User Research

After being able to orient my understanding of the space, I synthesized user interviews about the current platform and developed a list of areas for potential improvement. Some of those insights from users included:

  • There is a general inability to find features in the platform.
  • Facilities that have critical violations or are being inspected frequently are the major causes for users to engage.
  • Geographic and restaurant closure data (featured prominently) are rarely important to users due to health department discrepancies and the inability user action after closures.

As a part of this process, I also worked to revamp existing personas with available information about current and future users.

Slide 1 of 2
  • Head of Food Safety
  • Food Safety Specialist

Heuristic Analysis

Using my industry and user research, I was then able to effectively begin evaluating the current platform. While performing a heuristic analysis of the user flows and pages, I collected a list of UX changes to propose to the team including:

Heuristic Analysis

Design Principles

As a part of this analysis, I worked with the team to define a list of design principles that would be used to create the new unified platform. These principles were as follows:

Value Out of the Box
Focus on Flexibility
Vizualize Everything, Export Anything
Bring Cohesiveness to the CX

Ideation

Sitemap Redesign

The current top level navigation had many tabs that hid the most useful aspects of the product. Surfacing useful features and simplifying the information architecture was important to help ensure the users found value in the product and could accomplish their tasks. Throughout the early stages of the product, I tweaked the new navigation system ultimately arriving with this solution:

Hazel Sitemap

Sketches to Blockframes to Wireframes

Sketch Blockframe Wireframe

Solution

Prototype

Usability Testing

With a Figma prototype, I organized and ran 6 user interviews from enterprise clients including: Starbucks, Target and Subway. I received beneficial feedback that led to multiple updates including increased help text in the platform.

Design System

For this project, I built a design system for the company in order to help unify design elements across the platform as well as create the basis for any future design work.

Reflections

What I Learned

  • Revisiting user pain points often is important to ensure all design details are solving their problems
  • Focusing prototype fidelity on just the amount needed for user testing can help allow more design iteration
"Matt successfully delivered in a poised and professional manner. He collaborated with us to draft the project plan and set incremental milestones, and led all aspects of the design effort across initial discovery, user interviews, visual and interaction design, and production of final high fidelity mockups and style guide. Matt also brings excellent soft skills to the table; he's an effective communicator with both internal and external stakeholders. For the time that he was with us, he really became part of our team and was a pleasure to work with. Matt can be an asset to any team and organization."

- Arash Nasibi, CEO & Co-Founder of Hazel Analytics