Hatch

Designing solutions for large scale engineering problems

about the project

Hatch is a Global Multidisciplinary Management, Engineering, and Development Consultancy based in Canada. Its Group Companies have more than 9,000 staff in 70+ offices.

They needed help on the design of different digital products.

my role on the project

In order to padronizate the style and usability of all Hatch products, part of my role was creating all the Design Styles, Responsive components and Screen Flows, according to the features demanded on each project. Detailed journeys and prototypes were created for each functionality and the Design System was builded simultaneously to keep up with the project needs.

the design system

Based on the brand styles, I created the color palette for primary, secondary, and supportive actions, the text styles and sizes, and the interface components with their respective variations.

management system for
engineering projects

The main project supported by the Design System was a Centralized System to manage big engineering projects with lots of departments, signees, permissions, budget control, and forecasts in real time.

monitoring and metrics in the field

System features focused on monitoring and analyzing metrics in the field were prepared for tablet and mobile screens.

monitoring and metrics in the office

Monitoring screens were prepared for many screen sizes, with options for personalization depending on the status and importance of the data being visualized.

prototypes

High Fidelity Prototypes were made for the functionalities proposed on the system. This stage was very important to align interactions and data validations with the development team, and also, to accurately reflect the design components with the components used in the development.

the results

Most of the functionalities proposed in the designs ended in the final product. The Design System was essential so that the styles and the usability could follow a high level of consistency for the users.