Overview

Objective:
The primary objective was to design and animate the user interfaces of a Smart Home app.

Context:
As a UI designer specialized in animation, you’re part of the product team at a startup that's developing their first prototype of a Smart Home app. You’ve been asked to design the 3 to 5 main app screens and then integrate motion into them.

My role was to develop motion concepts using storyboards, showcasing examples of 1) transitions between the screens and 2) screen-specific details like microinteractions.

TYPE

Smart Home App (iOS)

SKILLS APPLIED

UI, Branding, Motion Design

SOFTWARE

Adobe XD, Illustrator, After Effects

ROLE

UI Designer

Bonus UI Animation

Overview

Objective:
To animate pre-made screens for Swooosh, an image editing app. The goal was to import the three screens into After Effects and animate specific parts of the interface from the preloader to the menu screen. At the end of the achievement the following files were to be submitted: animation, JSON and GIF files for the preloader and the JSON and GIF files for the menu icon animation.