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

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

Comments

Video and Sound Production

Ironman Video and Sound Production April 07, 2019 Video and Sound Production - Exercise (Week 1 - Week 3) Joseph (0336620) Video and Sound Production INSTRUCTIONS Exercise Footage Editing Process Week 1 For the first week, we were tasked for our first exercise which was basic trimming of a series of videos and trying to compile it into one. We used Premiere Pro for the editing, we were also briefed about our modules and upcoming assignments and projects throughout the semester. Fig 1.1 Progress of Compiling Video. After compiling these videos, we had to complete the objective which was cutting and compiling it into a maximum of 55 seconds. Week 2 I did not attend class due to unexpected fever. Week 3 We started of week 3 with more lecture and tutorials on Adobe Audition, because I didn't last week's session I had a hard time keeping up with the class however I was able to keep track on the course, so it turns out last week w...

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...

Advanced Typography - Final Compilation and Reflection

Advanced Typography - Final Compilation and Reflection 25.11.2019 Joseph (0336620) Advanced Typography Final Compilation and Reflection SUBMISSIONS Exercise Project 1 - The Troublemakers Manifesto Colloqium (Key Artwork) Project 2 - The Troublemakers Manifesto Colloqium (Collaterals) Final Project - Design, Exploration, and Application EXERCISE Typographic Systems Fig 1.1 Axial Design Fig 1.2 Bilateral Design Fig 1.3 Dilatiational Design Fig 1.4 Grid Design Fig 1.5 Modular Design Fig 1.6 Radial Design Fig 1.7 Random Design Fig 1.8 Transitional Design Type and Play 1 Fig 1.9 Extracted Picture. Fig 2.0 X (Final) Fig 2.1 M (Final) Fig 2.2 N (Final) Fig 2.3 V (Final) Fig 2.4 A (Final) Fig 2.5 Type and Play 1 (Final) Type and Play 2 Fig 2.6 Type and Play 2 (Final) PROJECT 1 - The Troublemakers Manifesto Colloqium (Key Artwork) Fig 2.7 Key Artw...

Joseph's Design Journal

Search This Blog