Exercise 2

-

30.04.25 - 07.05.25/  Week 2 - Week 3

Sara Patel/0362876

Interactive Design/ Bachelors of Design in Creative Media/ Taylors University

Exercise 2

INSTRUCTIONS


TASK

We did a class activity in group to creat paper prototype for application of our university for visitor and students. This is our final prototype which further got tested by Ms. Anis.


Further we started with Exercise 2. For this exercise, we were asked to replicate two website main pages from Exercise 1 using Photoshop or Illustrator, focusing on layout, fonts, and colors. Documenting my process in my e-portfolio and upload the source files to Google Drive.

Process Work:

Websites Chose: Web 1 & Web 2

Drive Link: https://drive.google.com/drive/folders/1ISmnnfMaXKP4UyX20mvWSPB3wmVHgIm_?usp=sharing

Final Replicated Web:

Process work


Replication 1


Replication 2

REFLECTION

Through this exercise, I learned how to design paper prototypes and even how o use Illustrator to create a website layout. It helped me understand the importance of fonts, colors, and spacing in web design. It gave me a better understanding of website layouts. It taught me to focus on small details that make a big difference in visual appeal. However, I faced challenges in matching exact fonts and colors from the original websites, as they used custom styles that were hard to replicate. Additionally, I misunderstood few things so i had to redo majority of the parts on the last hour which got really stressful and hectic but somehow i completed the task on time.


Comments

Post a Comment

Popular posts from this blog

Advanced Typography: Task 3 Type Exploration & Application

-
Image
10 June 2025 – 14 July 2025 / Week 08 – Week 13 Sara Patel / 0362876 Advanced Typography / Bachelors in Creative Media Design / Taylors University Task 3: Type Exploration & Application TABLE OF CONTENTS INSTRUCTIONS PROGRESS WORK FINAL OUTCOME FEEDBACKS REFLECTIONS FURTHER READINGS INSTRUCTIONS https://drive.google.com/file/d/1Vzg1EITc2Gm1rrGTWvB48RvMWETfEA1B/view?usp=sharing PROGRESS WORK Exercise Brief: For the last assignment we were asked to use everything we’ve learned so far throughout our semester to create a unique typeface. We had to choose one of the three options to start working on our project: Design a new font that solves a problem or improves something in our ...
Read more

Advanced Typography: Task 1 Exercises

-
Image
22 April 2025 – 13 May 2025 / Week 01 – Week 04 Sara Patel / 0362876 Advanced Typography / Bachelors in Creative Media Design / Taylors University Task 1 : Exercise 1 & 2 TABLE OF CONTENTS INSTRUCTIONS LECTURES PROGRESS WORK FOR EXERCISE 1 PROGRESS WORK FOR EXERCISE 2 FEEDBACKS REFLECTIONS FURTHER READINGS INSTRUCTIONS https://drive.google.com/file/d/1Vzg1EITc2Gm1rrGTWvB48RvMWETfEA1B/view?usp=sharing LECTURE WEEK 1: Typographic System The 8 major variations of the structural system are: Axial System (all elements and organised to the left or right of a single axis) Radial System (all elements are extended from a point of focus) Dilatational System (all elements expand from a central point in a circular fashion) Random System (elements...
Read more

Group Assignment: Social Ai Robot

-
21. 09. 2025 – 31. 12. 2025 / Week 01 – Week 14 Sara Patel / 0362875 Minor Project / Bachelors in Creative Media Design / Taylors University Group Assignment / Social Ai Robot  INSTRUCTIONS TASK Task Briefing: https://drive.google.com/file/d/1f9DlECEiEahaKBm864gGGegFlUm13PsA/view?usp=drive_link Figma: https://www.figma.com/board/7DVPOFYhDZOuEd0Gl3NU30/Group-13--Social-AI-Robot---Minor-Project?node-id=368-1400&t=Vn8iOCNpdlxr0NeU-1 Task 1: https://drive.google.com/file/d/1Pi46qkr1j1VgcqCObhjdBimvQBRM6qDA/view?usp=drive_link Task 2 & 3: https://drive.google.com/file/d/1gEiy8LvKnxwffsyXLg6fckHKZy76D6oQ/view?usp=drive_link Drive Link: LINK Documentation Link: LINK FOR TASK 1  & LINK FOR TASK 2 AND 3 REFLECTION For this module, we were required to form a group by mixing and matching students from different specialisations. This was a scary expe...
Read more