Crafting something worth the wait...
Phone
Website Redesign

Factory Management Website - Redesign

Client

SafetyChain software is a digital management tool for factories.

Industry

Manufacturing SaaS

Project Overview

I led a complete redesign of SafetyChain’s website that had a diverse set of user personas. I also conducted an in-depth brand and website analysis to strategically inform the visual direction of SafetyChain’s website.

The Team

I worked alongside the marketing and engineering team.

The Timeline

8 months

Good things take a moment...
Launch project

Challenges

  • The current website was out of date and did not align with the current product
  • It lacked relevance to the target audience and didn't represent the company's core values

Goals

  1. Create a website that is usable, accessible and aligns with the current audience, product and company as a whole
  2. Design a visual cohesive and experience that brings in more sales

Design Process

  1. Research and Strategy
    1. Brand discovery, analysis & research
      • Misalignments
      • Brand messaging
        • Partnership and support
        • Ongoing value
        • Modern
        • Flexible
        • Friendly
        • Cohesion
      • Personas - needs, pain-points, motivators
        • Plant managers
        • Corporate managers
        • Quality managers
        • Front-line operators
        • Production
  2. Define visual identity
    • Flexible, transparent, simple, modern
    • Conveyor belt concept
  3. Design
    1. Information architecture
    2. Mockups - focusing first on components that would be used more frequently
    3. Prototypes / Interactions
    4. Style Guide
    5. Iteration and Testing - this was ongoing throughout the design phase

Outcome

The client reported an increase and sales and lower bounce rate. The new website was faster, more accessible, more visually cohesive and most importantly resonated with the core values of the company.

How the conveyor belt concept evolved

Some examples of finalized page designs:

We revamped the navigation to make it more relevant to the industries the product worked with as well as the user persona roles

I defined and documented the styles and reusable components and so that the team could easily refer back to it

04
Feature four
Tagline

Medium length section heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Good things take a moment...
"We worked with Katie for a full 'white canvas' reimagining of the SafetyChain website. From the first meeting through multiple iterations, she was thoughtful in her approach, took the time to understand what was most important to us, and worked seamlessly with stakeholders from executives to developers. We launched to great success and I'd recommend her work to any colleague."
Aaron B.
Chief Marketing Officer
SafetyChain
"We worked with Katie for a full 'white canvas' reimagining of the SafetyChain website. From the first meeting through multiple iterations, she was thoughtful in her approach, took the time to understand what was most important to us, and worked seamlessly with stakeholders from executives to developers. We launched to great success and I'd recommend her work to any colleague."
Aaron B.
Chief Marketing Officer
SafetyChain
04
Feature four
Tagline

Medium length section heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Reliable design & build for teams who move fast

Collaborating with marketers, founders, and product teams across companies of all sizes

Customer testimonials

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

"We worked with Katie for a full 'white canvas' reimagining of the SafetyChain website. From the first meeting through multiple iterations, she was thoughtful in her approach, took the time to understand what was most important to us, and worked seamlessly with stakeholders from executives to developers. We launched to great success and I'd recommend her work to any colleague."

stay in touch

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.