Hannah Jiang



Get in touch if you want to chat about design or just simply want to say HI!

haiyuanj@gmail.com

JavaScript – Final

About

Based on the homework from the first JS week, I continued using the Game of Thrones API for the final but focused more on the aesthetics this time. Game of Thrones has developed it’s only set of branding guidelines such as fonts and colors, I’m going to design based on their style, but make it more vivid by organizing the characters in a different way and adding animation effects. It is a great show that has seven seasons, for this project I’m going to focus on the 7th season.

Design

I started with mocking it up in Sketch: homepage that displays all the main characters, a character detail page and a family detail page. The design style followed the visual style of the TV show, but I made it more lively by organizing the characters in a different way and adding animations to all the interactions.

Coding

Link to the Code

Video