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