OVERVIEW

About the project

I got the assigment form school to build a Day and Night cycle clock. Wich also visually tells you if it's day or night with out looking at the time. We also had to add some CSS animations to make it not so static.

My role:

Visual design, UI design, UX design
Prototyping

Tools:

Adobe XD, Axure

Code
white cat github icon round black outline
Design
adobe xd round icon black white letters xd
digital clock showing night time visually star sky

PROCESS

I First made a small concept in Photoshop and then started to build the site with HTML, CSS and JavaScript.

DESIGN

Day Cycle

digital clock showing day time visually sunny weahter

Night Cycle

digital clock showing night time visually star sky