Astronomy Picture Of the Day NASA

Website Preview
Website Preview

Link to Github repository

Link to Codepen project

This is a project that I started with the help of a few HTML/CSS tutorials. I used a few resources such as w3 schools, freecodecamp, dreamweaver, illustrator and codepen. The purpose is to create an elegant and responsive version of an existing webpage. I chose APOD NASA because it can certainly benefit from a new look.

The original APOD webpage.
The original APOD webpage.

Ideas & sketches.

Sketch 1
Sketch 1
Sketch 2
Sketch 2

A few close ups.

APOD NASA Makeover
APOD NASA Makeover
APOD NASA Makeover
APOD NASA Makeover

Recently, I worked on adding more branding elements including some font options.

A light font specimen
A light font specimen
A dark font specimen
A dark font specimen
Another font specimen
Another font specimen

The APOD archive contains the largest collection of annotated astronomical images on the internet. This work is something I started to practice my knowledge of web design and it is not sponsored or endorsed by NASA. All the images, logos and photography come from the apod.nasa.gov website. New branding elements and layouts are added by me.