Interactive Design - Exercises

-

25.9.2024 - ..2024 / Week 1 - Week

Lim Pei Jiun (0372548) / Bachelor of Design (Hons) in Creative Media 

Interactive Design

Task 1：Exercises

Week 2: Exercise 1 Web Analysis

For this exercise, we need to choose TWO websites from the link given. Review the website that we have selected carefully, taking note of its design, layout, content, and functionality. Identify the strengths and weaknesses of the website, and consider how they impact the user experience.

Write a brief report summarizing our findings and recommendations.

1. Zentry's Website https://zentry.com/


The purpose of Zentry’s Website is worlds converge and communities connect, establishing Play Economy—a symbiosis of real and digital. Their suite of apps in designed to onboard millions, ensuring a seamless journey into the world of Zentry for each unique audience.

Visual Design & Layout: The overall design is dominated by dark backgrounds and bright illustrations. This contrast helps people focus better. The illustrations will change as the mouse slides up and down, making people more interested in continuing to browse the website. There is an interactive illustration at the beginning of the web page. When you press the illustration, the background of the web page will change.

Functionality & Usability: The functions are simple and clear, and the location is conspicuous, so there is no need to spend time looking for functions. Highly interactive, most illustrations will change and make sounds after being touched by the mouse.

Content Quality: The content is concise and clear, but it does not introduce the product very well. It is recommended to give a more complete introduction in this aspect.

Performance: The website runs smoothly, and there are no lags in animations and illustration changes.

Strengths: Outstanding design, simple layout, high interactivity, smooth animation and exquisite illustrations can enhance visual enjoyment.

Weaknesses: It does not introduce its functions and uses in too much detail, which may make people a little confused.

2.  UnD NY's Website https://und-ny.com/


The purpose of UnD NY Japanese Coffee Studio’s Website is revolves around providing a distinct coffee experience that combines traditional Japanese brewing methods with a modern café atmosphere. Besides, the aim is to cultivate appreciation for coffee as a craft while fostering a sense of community among coffee lovers.




Visual Design & Layout: The overall design is simple and elegant, mostly using contrasting colors, which can attract the eye very well. When introducing food, they put the appearance of the food and put cartoon pictures next to it. Realistic food patterns paired with unrelated cartoon patterns will create a sense of fragmentation. Cartoon graphics are incompatible with the overall style of the web page. The large titles of some pages block the text introduction, making it difficult for people to read the introduction clearly.

Functionality & Usability: The functions are simple and clear, and the location is conspicuous, so there is no need to spend time looking for functions. The interactivity is not high. It is recommended to add some interactions, such as search pages to facilitate product query. The online shopping function also provides convenience to customers. In addition, the privacy policy button cannot jump to another web page

Content Quality: The content is rich and the product is introduced in detail. Provides many responses customers may need regarding shelf life. It’s easy to learn more about their products.

Performance: The website runs smoothly, and there is no lag when switching pages and text changes caused by sliding up and down.

Strengths: An introduction to the layout, detailed content, and references in contrasting colors can better capture people’s attention.

Weaknesses: The text on some pages is obscured, and the cartoon illustrations are incompatible with the style of the web page.

Week 3: Exercise 2 Web Replication

For this exercise, we need to replicate TWO existing main pages of the websites given in the link below. Follow the dimensions of the existing website from the width and height.

1. Ocean Health Index




2. Morgan Stanley | Global Leader in Financial Services



Comments

Post a Comment

Popular posts from this blog

Typography Task 1/ Exercise

-
Image
22.04.2024 -26.05.2024 / Week 1- Week 5 Lim Pei Jiun (0372548)/ Bachelor of Design (Honour) in Creative Media Typography/ Taylor's University Task1: Exercises TABLE OF CONTENTS 1. Lectures 2. Instruction 3. Task1: Exercises 1&2                   Exercise 1: Type Expression                 Exercise 2: Text Formatting 4. Feedback 5. Reflections 6. Further Reading   LECTURES Week 1:  Introduction and Briefing Introduction Font: A single font or weight in a font Typeface: E ntire family of fonts/weights that share similar characteristics/styles. Development Phoenician like other Semitic people, wrote right to left. The Greek developed a style of writing called 'boustrophedon' , which meant that the lines of text read alternately from right to left and left to right. Fig1.1   'boustrophedon' style Fig1.2  early letterform development Hand Script from 3rd - 10th CE: Square capitals have serifs added to the finish of the main strokes. The variety of stroke
Read more

Typography Task 3/ Exercise

-
Image
19.06.2024 - 15.07.2024 / Week 9- Week 12 Lim Pei Jiun (0372548)/ Bachelor of Design (Honour) in Creative Media Typography/ Taylor's University Task 3: Exercises TABLE OF CONTENTS 1. Lectures 2. Instruction 3. Task3: Exercises 4. Feedback 5. Reflections 6. Further Reading LECTURES The lectures of Week 5 and Week 6 is at Task 2 INSTRUCTION TASK3: EXERCISES For Task 3, we need to create our own typeface. After our sketches approved, write all the letters (o l e d s n c h t i g , . ! #) in the approved style and digitise. First, I do research at Pinterest fig0.1  ideas fig0.2  sketches Mr. Goh choose the second sketches and let me to adjust the angle of the letters so they are all consistent fig0.3  sketches (after adjust) fig0.4  sketches in chosen style fig0.5  digitalize fig0.6  Letter deconstruction Final Task 3 Download font here:  LimPeiJiun-Regular.ttf - Google Drive fig0.7  FontLab Screengrab fig0.8  Final Task 3: Type Design (JPEG) fig0.9  Final Task 3: Type Design (Guides)
Read more

Illustration and Visual Narrative - Lab work Exercises

-
Image
Lim Pei Jiun (0372548)/ Bachelor of Design (Honour) in Creative Media Illustration and Visual Narrative/ Taylor's University Lab work Exercise/ Week 1-Week 14 INSTRUCTION LAB WORK Pen Tool and Vormator shapes fig 0.1  Vormator shapes (traced) Chiaroscuro fig 0.2  chiaroscuro pears fig 0.3  chiaroscuro people Transparency Gradient and Noise fig 0.4  gradient and noise Illustrated Type fig 0.5  fish fig 0.6  Illustrated Type (Image tracing) fig 0.6  Poster Competition
Read more