Algorand.com updates
JOHN HANCOCK.COM REDESIGN
Insight: The John Hancock website appears dated, is not mobile friendly and should be designed mobile first for younger audiences.
Approach: As lead designer, I was responsible for creating collections of mood boards that helped identify unique visual qualities of the brand. They highlighted strong and emotional imagery illustrating company's commitment to its diverse set of customers and their families. The final layouts featured light and clean composition, easy-to-read typography, high-quality imagery and illustrations, and were presented with InVision, a click-through prototyping tool.
The design concepts and mood boards delivered brand aesthetic direction, helped gain stakeholder support.
Using Sketch I created UI style guide. The style guide included typography, color palette, icon library, link and button styles, form input field styles, and defined the look and feel of key components.
Site was launched in 2017 after 1 year of agile development and design. It provides better user experience for mobile users - an audience that has been growing steadily over the past several years. Moving the site from the old Teamsite environment to the new Adobe AEM allows business authors to make real-time content updates.
My Role:
Art Director / UI Design
Tools:
Photoshop / Illustrator / Sketch / Adobe AEM / InVision
run elite playlist on spotify
Insight: The top elite athletes that run the world’s oldest race – the Boston Marathon – train all around the world and are motivated by their unique music choices. Every Year in Boston, you have the chance to run on the same pavement as them – so why not be motivated by the same music as them?
Approach: We partnered with Spotify and built a microsite experience enabling users to create a custom play list or stream an Elite playlist comprised of that athletes favorite tunes.
Tools:
Photoshop / Illustrator / Sketch / Adobe AEM / InVision
My Role:
Art Director / UI Design