INTERACTIVE DESIGN PROJECT 1

 

Week 6- 7

Rhyanne Cyrene Lowe / 0347077 / Bachelor of Design (Honours) in Creative Media

Interactive Design Project 1

INSTRUCTIONS

Project 1

We were given the challenge of creating a static landing page for a topic of our choice for our first project. We must specify the sort of website we want to create as well as the call to action.

For my topic choice, I chose a game I'm currently playing called " Genshin Impact" a popular RPG adventure game. I chose to redesign their current website into something that suited their visuals more.

Here is my slide proposal and slides:

Original Website:

fig 1.0 Original Genshin Impact Website

Sketch & Wire Frames:

fig 2.0 Wireframe sketch

fig 2.1 Wireframe sketch

 2

fig 2.3 Wireframe sketch

 3

Design: 

Because I wanted to include scenery from the actual game, I took several in-game screenshots of the chosen scenery with the main character of the game.

fig 3.0 In-game screenshot 1

fig 3.2 In-game screenshot 2

fig 3.3 In-game screenshot 3

Final Design Layout: 

HTML Progress in Visual Studio Code:

fig 4.0 html progress 1

fig 4.0 html progress 2

fig 4.0 html progress 3

Heres the final website

FEEDBACK

Week 6: The lecturers liked my idea and appreciated my use of references when finding inspiration.

Week 7: No feedback

REFLECTION

Week 6-7: I'm very excited to work on this project as I've always been interested in designing a website layout. However, i did have to keep in mind that i would have to code this in the next project so i had to keep the design simple.