Animated Icon Set Banner


The objective of this project was to create a series of icons with that animate when pressed. They were original created within the context of an app which randomly generates a list of activities/places to go when bored.

Hideaway Hotel, map view

Passive Icon State

Each icon has both a passive and active state. Icons are in a passive state before use or while not preforming an action. This project began by creating illustrations for these states.

Hideaway Hotel, map screen

Active Icon State

Animations are initiated when icons enter their active state. This state indicates an action is being preformed.

Concept Demo

A brief demo to visualize the transition between these two states was then made.