A picture is worth a thousand words, and your branding is worth much more.
— stickybranding

The Yahoo Design Language, known as Fuji, provides UI elements and interaction guides that helps to unify all Yahoo Products. Our product iteration was a non-linear process and we didn't align with other Yahoo products. Therefore, when nearing our first launch I made sure we aligned with mothership. Here's a few details of the Fujification process.

Screen Shot 2017-04-19 at 3.32.56 AM.png

One sidebar

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

Screen Shot 2017-04-19 at 3.33.04 AM.png

What type are you?

Kreon worked well to express people's questions, but it was time to move aside. 

Screen Shot 2017-04-19 at 3.33.08 AM.png

Type-heavy UI

Kreon gave the text-heavy app a lot of personality. However it wasn't part of the Fuji system. 

Screen Shot 2017-04-19 at 3.32.59 AM.png

Color by numbers

As subtle as these color shifts are this made a difference in the implementation using approved colors. 

Screen Shot 2017-04-19 at 3.33.12 AM.png


First glance, they are very similar, but look close and there are at least 3 differences that convey Yahoo. The devil is in the details. 

Screen Shot 2017-04-19 at 3.33.20 AM.png

Orbs for profiles

Instead of the circle use an orb for peoples profile pics. The orb is yet another way to brand and own the Yahoo interface.   

Screen Shot 2017-04-19 at 3.33.23 AM.png

Icons by the pixel  

The set of icons were trendier and lighter weight? Updating to the Fuji set improved readability.  

Screen Shot 2017-04-19 at 3.33.25 AM.png

Open it up 

The padding on the cards didn't seem tight, but when I aligned to Fuji it felt lighter and somehow nicer to use. 

Task tracker

I'm quick to use tools to organize and track progress over time.