Interactive Design - Project 1

-

Interactive Design - Project 1



20.05.2020 - 03.06.2020  (Week 6 - Week 8)
Wong Kai Yi (0340236)
Interactive Design
Project 1

1. LECTURE

20.05.2020 (Week 6)

Project 1 brief

choose a topic and come up with sketches for landing page

27.05.2020 (Week 7)

No lecture

03.06.2020 (Week 8)

Introduction to Bootstrap: https://getbootstrap.com/

Fig 1.1 Bootstrap introduction

2. INSTRUCTIONS



Project 1 Process

20.05.2020 (Week 6)

Initially I did some sketches on a photography page, but after receiving feedback, it is better to do a website for a company. This is because the photography page might be similar to the final project's requirements.

Fig 1.2 Sketch


Therefore, I changed the topic to redesign this company's website.
Company name: Ecstase

27.05.2020 (Week 7)

Call to action(s): Shop art now, Buy Now, More Prints, Newsletter
Layout done in Adobe Illustrator:

Fig 1.3 Ecstase Layout

03.06.2020 (Week 8)

Fig 1.4 Presentation for Project 1 Ecstase website layout


Bootstrap exercise (COVID-19): https://keen-lalande-92d3a9.netlify.app/

3. FEEDBACK

20.05.2020 (Week 6)

Specific feedback:
Try not to use a personal website.

27.05.2020 (Week 7)

Specific feedback:
The layout looks a bit boring, try to look at more layouts.
2nd attempt: Much better, just take note of the buttons, the roundness have to be consistent. Try rectangle buttons as well.

03.06.2020 (Week 8)

No feedback

Comments

Post a Comment

Popular posts from this blog

Publishing Design - Final Compilation & Reflection

-
Image
Publishing Design - Final Compilation & Reflection 28.08.2020 -  27.11.2020 (Week 1 - Week 14) Wong Kai Yi (0340236) Publishing Design Final Compilation & Reflection 1. INSTRUCTIONS Exercises Project 1 Project 2 Final Project 2. SUBMISSIONS Exercises Determining book size We are to take an A3 paper or stick 2 A4 papers together then fold it into half. After that, we have to determine our book size by making at least 3 sizes which are between A5 to A4. Fig 5.1 determining book size - red line (chosen size) Fig 5.2 determining book size - 32 pages cut out (untrimmed) Fig 5.3 determining book size - opened book (untrimmed) Here is a video of how it looks:  Fig 5.4 paged book before trimming Fig 5.5 Final 32 paged book Fig 5.6 Final 32 paged book Fig 5.7 Final 32 paged book Fig 5.8 Final 32 paged book Van de Graaf Grid Fig 5.9 Van de Graaf grid and with text Text formatting Fig 5.10 text formatting 1...
Read more

Design Research Dissertation

-
Image
Design Research Dissertation 27.08.2020 - 26.11.2020  (Week 1 - Week 14) Wong Kai Yi (0340236) Design Research Dissertation 1. INSTRUCTIONS 2. SUBMISSIONS Turnitin Report (PDF) Fig 1.1 Turnitin Report (PDF) Flipbook (Fliphtml5) Fig 1.2 Flipbook Journal Article (PDF) Fig 1.3 Journal Article (PDF) 3. REFLECTION This module is very different from the other modules in the Creative Media course, because it focuses on research. This journey through design research methodology and design research dissertation has been interesting yet challenging, as we are exposed to the systematic way of conducting research. I have learnt a lot on research, such as methodology, discussion etc. It is also crucial to include references from reliable sources and provide justification wherever required. Otherwise, the research would be not convincing and reliable as it is not backed up by academic sources.  Although I have faced many difficulties throughout both modul...
Read more

Advanced Interactive Design - Final Project

-
Image
Advanced Interactive Design 11.11.2021 - 02.12.2020  (Week 12 - Week 15) Wong Kai Yi (0340236) Advanced Interactive Design Final Project 1. LECTURE Week 12  (11.11.2021) Final project briefing  The final project consists of the use of Adobe Animate and Spark AR to make a Website and Filter for a campaign (can include selling products). The website is to promote the campaign and the filter (download app) Signifier to let users know that they can click it: when hover over; drop shadow, dot, underline, glow (with pulse), outline around the button What if it is too busy? It creates a cognitive load Layout design: everything is in grids, properly aligned Spacing to categorize 3-5 font size minimum 3 colors: background, foreground, accent most important content > element Content organization: grouping (through spacing) more important: more spacing  W rule for button: 2 Ws left right, 1 W up down (use the same font used in the button) 2. INSTRUCTIONS F...
Read more