Skip to content
Bert
  • Works
Foundational UI framework supporting the service design blueprint of an automotive distributor. Works

Foundational UI framework for an Automotive Distributor

  • December 12, 2017April 17, 2018

Foundational UI framework supporting the service design blueprint of an automotive distributor. A variety of designed components introduced here - data text fields, collapsible specs cards and timeline elements. The garage view is kept clean and minimal, allowing focus on important self-servicing information. A system of font sizes and generous amounts of vertical paddings and line heights were used to make large chunks of text easy to scan and digest. Calibri was the choice of font, based on the client’s request. To easily define our text hierarchies, a modular scale of 1.2 was used to create a family of sizes to accommodate worst-case scenarios due to its scalability. Line heights are calculated independantly to improve vertical rhythm, creating a typography system that is easy to scan, optically pleasing for headers and highly legible for body copy. A formula commonly used in print is used to calculate the minimum font size based on the maximum reading distance, ensuring text was legible to the farthest person in the room. Foundational objects designed to serve as a starting point for direction & style. Stylized grid lines. Just a little touch.

 

Thank you for your time.

 

Telecommunications Online Portal Redesigned
Art Direction Systems Design UI
Copyright © 2005-2018 / All rights reserved.
Theme by Colorlib Powered by WordPress