Next gen web interface design

Good typography will be key; small screens don’t have much room, and depend on clarity and "glance-ability" to quickly convey critical information in the most effective manner.

Problem

Web design tools haven't evolved at the rate web design trends have been shifting. Are we seriously still spending hours learning to hand-code new design trends that will die out before we master them?

Approach

Web design is an ever trending field and after two long decades of waiting, we finally have the tools we hoped for to bring our designs to life on multiple devices. This next generation of web design tool should versatile and enable web designers to bring out the stroke of genius we've been suppressing for far too long.

Solution

Sparrow is one of a kind template that makes it easy for web designers and developers to create complex layouts. Sparrow provides a fully modular css class based workflow from start to finish fully loaded with reusable elements and bootstrap 4 support.

Client

Internal Brief

Project link
Category
  • Design for Manufacture
  • Industrial Design
  • Insight and Research
  • New Product
  • Development
  • Prototyping
  • Research
The Process

Typographic hierarchy in design is generally how we convey what information is most important and portray it in a highly "glance-able" way. Meaning, with the quickest flick of an eye towards the automotive display console, a driver should instantly see the next turn direction, the song title, the station name, etc.

Since these displays can utilize only a small number of bitmap fonts at fixed sizes, there’s little leeway to create that visual hierarchy with dynamic content. The functionality questions are compounded by the introduction of smartphone apps tied to those automotive systems and other devices.

The Result

Once we’ve overcome that barrier, not only can we design more usable interfaces, but we can also design more consistently-branded ones. That’s a considerable win both for users and brands.

“The first thing I noticed was just how smart and sleek this template is. I’d definitely use it out and about!”

— Rich M., VP of Marketing, Inc.

Talk to us about your project

Work with the highly talented group of artists, engineers, and imagineers.

Hire Us