Skip to main content

Interactive Design - Final Project

Interactive Design - Final Project

20.06.19 - 04.07.19 (Week 11 - Week 14)
Joseph (0336620)
Interactive Design
Final Project
INSTRUCTIONS
FINAL PROJECT

 Week 11

 For this project we are required to make a 5 page website for our chosen partners, for my partner I chose Lungga. Lungga wanted a website for a professional Dota 2 Team called Team Liquid. He provided me details of the contents and colors used. For the colors Lungga wanted me to just follow the color scheme of the team which is dark blue, and then he wanted me to use whatever color i think that fits the color scheme. So I chose dark blue and white since it goes with anything.

So this website was meant to only be a informational site containing their achievements, their team changes and etc. So I had a general idea of what the content and layout is going to be. And because of that I made a grave mistake, which is not making a moodboard or a wireframe and kinda just go with it.

Week 12 - Week 14

 I started coding for the website.

Fig 1.1 "Home" Codes

F
Fig 1.2 "Home" Results

Fig 1.3 "Roster" Codes

Fig 1.4 "Roster" Results


Fig 1.5 "Achievemetns" Results

Fig 1.6 "Achievemetns"  Codes


Fig 1.7 "Contact us" Codes

Fig 1.8 "Contact Us" Results

Fig 1.9 "Subscribe" Codes

Fig 2.0 "Subscribe" Results

This the Final Website

Clients Website

Further Readings

This is an article on how visual design makes for great ux design.

Visual Design Makes Great UX Design

Further Readings

Labels:

Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Exercise and Lecture

Advanced Typography - Exercises 26.09.2019 Joseph (0332260) Advanced Typography Exercises  LECTURE (26.09.19) This is the start of what I can say a very stressful course to go through again but no worries its not Taylor's University or any University if it's not hard. For our first week, we start the course by being introduced to the MIB (Module Information Booklet). We were explained by Mr. Vinod what are the assignments going to be like and what are the projects going to be like. After that, we continued on by making presentations and explaining the lecture to the lecturers. We learned about the 8 Typographical Systems, we have :" Axial, Radial, Dilatational, Random, Grid, Modular, Transitional, and Bilateral. These are the slides of presentation that each of our group makes. INSTRUCTIONS EXERCISE Week 2 (02.09.2019) For our first exercise, we were asked to make 2 art designs based on the presentation that we did for the first week. The...
Post a Comment
Read more

Advanced Interactive Design - 202003

Advanced Interactive Design - 202003 04.16.2020 Joseph (0336620) Advanced Interactive Design Exercise Week 1 We started with the MIB briefing, and then we proceeded to learning the Adobe Animate. Unfortunately, I haven't got the software yet. So I proceeded to take notes based on what our lecturer said about the software. Mr.Lun then proceeded to explaining our project one, which is actually shocking because he said that its due week 5 and we were pretty much rushing things. Our project was that we have to create an animation flow for a certain online shop. So for this weeks objective we were told to update our blogs, and start working on what we wanna animate (online store or service). After that we are expected to make an animation workflow and a wireframe for the week. So for my wireframe, I didn't exactly know what sort of apps or services or online stores that I wanna do, we were told to gain inspiration from a website called  UI Movement  and sort go th...
Post a Comment
Read more

TYPOGRAPHY - EXERCISE

29.08.2019 Joseph (336620) Typography Exercises LECTURES Lecture 1 : Introduction to Typography We started the semester off with an introduction to the module and what to expect in the coming weeks. We are then expected to create a blogger account or an e-portfolio as people call it to insert or showcase our future projects and exercises throughout the semester, to make things easier for new semester students, a sample was given as a guideline for us to follow  Mr. Vinod has also inform us of the materials that is needed for the upcoming activities and task that is to be done before the next meeting or the next class - A4 graph papers and 3.0 Artline Drawing Pen. However before that, Mr. Vinod began with power pointed introduction to Typography. Due to my undersstanding, typography is a step or procedure of  arranging type or processing data and printing from it, a way to make writings readable and eligible for looking and writing. Due to its course and journey ...
Post a Comment
Read more