mICROSOFT iCONS
hOROSCOPE NAVIGATOR

OBjective

Design a suite of icons as part of the Microsoft News team’s horoscope page redesign

ROLE

Icon design

COLLABORATORS

Vancouver Green Team, Development and Project Management

SOLUTION

Working with the Microsoft News team and using existing Microsoft icon design elements I created line icons that allow people to clearly find what astrological sign they were looking to read about.

I also designed various UI states including default, selected, hover, focussed, pressed and ensured the contrast passed web accessibility standards.

Horoscope_States.jpg
Horoscop_mockkup.jpg
 

mICROSOFT iCONS
BUILD CONFERENCE

For the 2018 Microsoft Build conference I designed a suite of icons. Here one icon has been animated by the Edge Motion Team.

For the 2018 Microsoft Build conference I designed a suite of icons. Here one icon has been animated by the Edge Motion Team.

OBjective

Create custom icons for Build Conference Edge presentations. (Animation by the Edge Motion Team)

ROLE

Icon design

COLLABORATORS

Emily Johnson, Art Director

SOLUTION

Using existing design frameworks as a jumping off point I designed icons that visually show specific issues addressed in the presentation. This included Workflows, Disjointed and Security.

Build Icons from left to right: Inefficient Worfkflows, Disjointed, Security

Build Icons from left to right: Inefficient Worfkflows, Disjointed, Security

Build_Security.gif