Interactive Design - Project 1

10/09/2020 - 08/10/2020  / Week 3 - Week 4
Avery Ong Xuan Ting  / 0344462
Interactive Design / Bachelor of Design ( Hons ) in Creative Multimedia
Project 1 / Prototype Design

INSTRUCTION


WEEK 3

- Find a topic / idea of for the website you are doing. 
- Look for reference / inspiration. Layout should look tidy and clean.
- You can do the wireframe layout first without the final design (colours, images).
- Make sure you have a clear "Call To Action" for your website.
- Project requirements are minimum 3 sections for your website. Example, intro, about, contact, production etc.
- Remember to include navigation menu and footer as well.
- You can use Photoshop, Illustrator or any software that you prefer to do the design
- width: 1280 pixel. height: no maximum, adjust base on content.

The topic I chosen for this website was my favourite cartoon : Winnie The Pooh. I plan to design a fan page for it. After browsing some elements and reference, I started to design in Photoshop.
fig. 1.0 ; first section

fig. 1.1 ; second section
fig. 1.2 ; third section

Lecturer's Feedback :
Mr. Lun mentioned that the CTA (Call-to Action) and top navigation on the first section should be clearer and bigger. Besides that, I can start to design in Photoshop.

WEEK 4

We need to submit this project via Google Slide. Meanwhile, after I designed the three section in Google Slide I put all the information and analysis into Google Slide for submission.

fig. 1.3 ; Final Design Analysis Slide

fig. 1.4 ; Final Design Outcome

Lecturer's Feedback :
Overall was good. I can remove the third section's background image to prevent the issues in Project 2. Other than that, I can start to study HTML and CSS coding for the coming project 2.


Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 1

Image
13/04/2020 - 21/5/2020 ( Week 1 - Week 5 ) Avery Ong Xuan Ting (0344462) Digital Photography and Imaging Project 1 / Exercises Task 1  Exercise ( Week 1 ) Hearst Mansion Exercise : final outcome Task 2 Exercise ( Week 2 ) Ghost House : final outcome Task 3 Exercise ( Week 3 ) Re-coloring : final outcome Task 4 Exercise ( Week 4 ) Displacement Map Exercise : part 1 ; final outcome Task 5 Exercise ( Week 5 ) Hybrid Animal : final outcome
Read more

DIGITAL PHOTOGRAPHY AND IMAGING - Week 1

Image
WEEK 1 (16 / 04 / 2020 ) Lectures :  After briefing of the class, we installed Photoshop and played a game named Bezier . It's not very challenging for me because I have finished this game on Monday in the Illustration and Visual Narrative class. So this is the second time I played this game as practising . The Bezier Game :  link:  https://bezier.method.ac/ Practical : Exercise 1 Three of my favourite photoshop works: by Magdiel Lopez This Photoshop designed by Magdiel Lopez is a man's head that splited into 4 parts. The contrast are built with black and white but he used 3 plain colours (orange , red and purple) to highlight the split between of them. I think this is quite an easy editing but it's very creative. from graphicriver.net  It's just a simple photo at first but after adding some effects and design, it became to be a very artistry image that is very eye-catching. I like the colour palette the way it represented,...
Read more

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 3

Image
13/04/2020 - 13/07/2020 ( Week 1 - Week 14 ) Avery Ong Xuan Ting (0344462) Digital Photography and Imaging Project 3 / E-Portfolio  WEEK 1  Hearst Mansion Exercise : final outcome  WEEK 2  Ghost House : final outcome  WEEK 3  Re-coloring : final outcome  WEEK4    Displacement Map Exercise : part 1 ; final outcome  WEEK 5    Hybrid Animal : final outcome  WEEK 6    Cyborg demo 01 ( Bora ) : final outcome  WEEK 7    Cyborg demo 02 ( Geisha ) : final outcome  WEEK 8    Cyborg / Progress : Photo Manipulation  WEEK 9    Self -Titled : f inal outcome  WEEK 10    Photo editing in raw effect : final outcome  WEEK 11    Parallax and GIF in Photoshop : final outcome  WEEK 12    Cin...
Read more