Project

Redesigning Gatefeed Employees Training App

Gatefeed offers an efficient method of safety training and compliance management for contractors. For example, they can work with a customer's facility personnel to create a custom web-based site orientation. Being web-based ensures customers convey the most current rules, regulations, procedures and hazards at the facility where their contractors work.

Introduction

The client, Gatefeed, needed to transition to an HTML5-based app from a Flash one before Adobe ends support in 2020. Here is the redesign process that I worked on:

User Research

• Stakeholder meetings & interviews

• Task model

• Personas

• User journey

Design

• Following design guidelines

• Style guides

• Responsive design

• Low-and high-fidelity mockups in Photoshop

Prototyping / Test / Redesign

• Clickable prototypes in Sketch and Marvel

• Usability test

• Design iteration

Coding

• HTML5

• CSS3

• JavaScript

• jQuery

• Bootstrap

Improvements

The new app may look very similar to the original at first glance due to the client's request. However, I made multiple suggestions to improve usability, attract more customers and significantly reduce maintenance cost for the client. This was achieved as follows:

• Supporting mobile views to attract more customers.

• Following the design guidelines and principles to make the app look more aesthetic and intuitive.

• No need to remember the key and type password to use the special admin features.

• Adding a Pause button and function.

• Eliminating many clicks to move forward to minimize the interaction cost.

• Helping users recognize and recover from errors.