Skip to main content

Interactive Design - Project 1

INTERACTIVE DESIGN - PROJECT 1

-April 23, 2019

Interactive Design - Project 1 

18.04.19 - 02.05.19
Joseph (0336620)
Interactive Design
Landing Page

LECTURES

Lecture 3: Introduction to the language of the web.

18.04.19

For this week's lecture, we learned about different terms used in designing a website. We also dived deeper into the history of the web and the internet.




Lecture 4: HTML Document Development

25.04.19

We started with a brief lecture of HTML and then learned the different terms in HTML. we also learned the basics of  HTML.



INSTRUCTIONS




PROJECT 1 - LANDING PAGE

For this project we were asked to create a landing page about our favorite things, this could be anything. Ranging from musicians, our favorite band's, products, food, etc. We started off by choosing our target audience, and then we had to choose our topic. We had to do the landing page in Photoshop or Illustrator.

I didn't think much of a topic on that day, so I started things simple. I thought about my favorite things, and eventually, I chose badminton as a start. But what about badminton, after a few moments of thinking I decided to do my favorite badminton athlete which is Lee Chong Wei. I know I was supposed to start with a few sketches, I did that and I couldn't get an idea going, so I loaded up Illustrator and played with a few designs.

Fig 1. Starting Design



So I started with searching with a few pictures of Lee Chong Wei, I thought about doing some sort of a biography about Lee Chong Wei and then I thought about the contents that I can use so first thing that came up to my mind was his personal life, achievements, and career. So I thought about the content then after a few hours of thinking this was the first design that I came up with. I looked at it a second time and I struggled to find good quality pictures of Lee Chong Wei. So I came up with another Design.





Fig 2 Second and Final Design.

Because I was having trouble finding pictures, I decided to gaussian blur the picture and made it bigger, the results looked great. So that was my design for my landing page.
FEEDBACK

Mr. Shamsul said that the design looks elegant, however, it was lacking something that would attract visitors to come back.
Labels:

Comments

Post a Comment

Popular posts from this blog

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...
Post a Comment
Read more

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 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...
Post a Comment
Read more