Scott Borchardt Design
UI/UX DESIGNS BY SCOTT
fuji-moodboard-grey.jpg

Fujification Project

As Hive/Answer was graduating from the incubator to the public we to care to align to Fuji, the design language at Yahoo. The Fujification process was proof the devil is in the details.

One sidebar

One sidebar

Using the Sidebar provided users with a way to access their accounts and add consistency among Yahoo apps.

Color by numbers

Color by numbers

These color shifts here are subtle tho this shift made a difference in the implementation and speccing of the color palette.

Typeface

Typeface

The initial font Kreon worked well to add an expressive element to UGC in the app, however aligning with other apps on the network was a priority.

Font as a character

Font as a character

Many had grown attached to Kreon the font as the font used questions and it was discussed more than any other part of the UI update. The system only works if everyone uses it.

Buttons

Buttons

First glance they are very similar, but there are at least 3 differences that convey Yahoo (color, corner radius, calitalization).

Orbs not circles

Orbs not circles

The “orb” is used for profile photos across the network. A circle mask for profile pics would be a lot simpler, well a square would be simplest, but that feels clunky, and the orb is a brand-able UI element.

Iconic thinking

Iconic thinking

Before the update the set of icons were a single stroke and with a large curve radius that made it rounded and playful. Updating to the Fuji set lost some character but it improved readability.

More breathing room

More breathing room

The padding was adjusted to align to Fuji it felt lighter and somehow nicer to use.

Task tracker

Task tracker

What?! He’s showing a punch list in a portfolio? It’s good to remember that how we organize and track progress to meet quarterly goals.