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

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

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

Joseph's Design Journal

Search This Blog