Details

2017-2020
Art Direction
Design System
UI Design
UX Design

Team:
Tyler Barnard, Creative Director
Mike Heighway, Design Lead
Sean Ortiz, UX Lead
Sam Nielsen, Designer

Terra Design System & Luna Templates

Terra is a design system built for a Fortune 1000 company to support rapid design and development of marketing sites. Its sister product, Luna, is a template system of organisms that are assembled to build larger page templates.

Project Brief

Trimble’s Integrated Marketing Services required a design system to support new marketing sites. The design, development and implementation of this design system and set of templates has brought consistency to a fragmented system. Terra is now being implemented across numerous websites for Trimble. 

Organisms
Organisms
Line Break-Invert

Terra is a an atomic design system, built up of atoms and molecules. These building blocks inform the design of the organisms. Organisms are designed to be fully responsive and then are placed together come together to compose pages.

Terra-Organisms-Angled-Grey-Opt
Terra-Organisms-Notifications-Opt
Documentation Site
Documentation Site
Line Break-Invert

To support the adoption of Terra, an internal documentation site was created. The site serves as a style guide, codebase and general resource for the design and development teams.

Terra-Doc-Site-Color-2560×1440-Opt
Terra-Doc-Site-Buttons-2560×1440-Opt
Terra-Doc-Site-Icon-2560×1790-Opt
Release Documentation
Release Documentation
Line Break-Invert

To inform teams of updates to the core design system, Terra, and the template system, Luna, and their respective roadmaps, supporting documentation is released continually released. 

To inform teams of updates to the core design system, Terra, and the template system, Luna, and their respective roadmaps, supporting documentation is released continually released. 

Product-Release-Template-v01-r05-1-Opt
Product-Release-Template-v01-r05-2-Opt
Product-Release-Template-v01-r05-3-Opt
Product-Release-Template-v01-r05-4-Opt

© 2020 Mike Heighway

© 2020 Mike Heighway