Microsoft Edge Motion Design

 

Motion Reel: https://youtu.be/GHNNNJnnHsI

Roles

Utilizing prototyping tools and animation software to mock up animated tasks and click-throughs.

Goals

Our main goal was to explore animations for potential features within the Edge browser platform.

 

HALO THEMES EXPLORATION

Task

What it would look like to add a theme to the edge browser using known Microsoft and Xbox entities?

Tools:

  • Adobe AfterEffects

  • Figma

 

COLLECTIONS DRAG AND DROP EXPLORATION

Task

What would it look like to populate your Collections drop down by dragging in information from a web page?

Tools:

  • Adobe AfterEffects

  • Figma

 

CYBERPUNK 2077 ANIMATED WALLPAPER

Task

Take static wallpaper image and add ambient environmental animations.

Tools:

  • Adobe AfterEffects

  • Adobe Photoshop

 

HUBS FAVORITES, SAVE REORDER + NEW TAB

Task

Save, reorder, create new tab, for online shopping flow.

Tools:

  • Adobe AfterEffects

  • Figma