Interactive Design / Final Compilation

28.08.23 - 27.11.23 / Week 01 - Week 14
Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017)
Bachelor of Design (Hons) in Creative Media
Interactive Design (GCD60904) / Section 1
INSTRUCTIONS

  

FINAL COMPILATION

Exercises

Web Analysis

Fig 1.0 Web Analysis

Web Replication


Fig 1.1 Final Web Replication Ocean Health Index PNG

Fig 1.2 Final Web Replication Ocean Health Index PDF



Fig 1.3 Final Web Replication Morgan Stanley PNG

1.4  Final Web Replication Morgan Stanley PDF


Recipe Card


Fig 1.5 Strawberry Pie Recipe Card

https://strawberrypierecipecard.netlify.app


Project 1

Prototype Design

Fig 1.6 Final Digital Resume/CV JPG

Fig 1.7 Final Digital Resume/CV PDF


Project 2

Working Web Page

Fig 1.8 Final Working Web Page



Final Project

Single Page Website for Your Favourite Artist

Fig 1.9 Single-page Website For Your Favourite Artist


REFLECTION

This module taught me a lot in learning how to manage UI/UX effectively. It is not only the design that must work, but the backend of it as well, following the key design principles really do prove useful in designing a successful layout or website. The assignments have deepened my understanding of thoughtful information organization in design. Using HTML and CSS was quite fun too, I have always liked coding, since I took it in highschool as well, so getting a chance to do it in my studies were fun for me. However, I also learned how difficult it can be- especially when troubleshooting bugs and debugging, the code had to be precise as even one wrong letter posed issues in responsiveness in showing up properly on the site, so it challenged me and enhanced my problem-solving skills. The final project involved leveraging my accumulated knowledge to create a fully functioning site. Testing and refining the site highlighted the challenges and rewards of coding, I was very happy to have been able to have made a fully responsive image carousel especially, and am pleased with the overall design of the site. Overall, I am glad to have gained lots of new coding knowledge in this module and given the chance to create sites I am proud of. It has left me with a big sense of accomplishment and I hope to further enhance my technical skills in coding in the future as I progress as a UI/UX designer.

Comments

Post a Comment

Popular posts from this blog

Design Principles / Task 3

Image
0.7.03.24 - 21.03.24  / Week 5 - Week 7 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 3 Design For Task 3 of Design Principles, after we have analysed the design of out choice in Task 2, we are to produce a work of design, inspired/influenced by the one we had analysed, or as a reaction to it. We should also apply our knowledge of design principles in our creation and may use any medium and/or materials that are suitable to convey our visual message. We should also include some cited visual references that inspire our own ideas and a rationale, in about 150-200 words, explaining/defending the decisions made in our design, the meaning/purpose of the design and the design principles that are found in the design. Brainstorming First off, I went back on my Task 2 to look at the design I analysed in order to get inspiration and gauge how I should approach this task. When reading
Read more

Design Principles / Task 2

Image
20.02.24 - 05.03.24  / Week 3 - Week 5 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 2 Visual Analysis For Task 2 of Design Principles, we are to assess, investigate, document, and analyze the existing art/design work we selected in Task 1 to further study the design principles found in that work, as well as the size, placement, purpose, effectiveness of the design in relation to the UNSDG goal that we have chosen. The requirements are the following: Write a 300-350 word visual analysis of the selected design. Include reference links where applicable. Firstly, I started by visually observing the image itself and re-reading some of the design principles documented in the lectures to refresh my understanding of them so I could better identify which ones are present in the art work, then noted them down. Fig 1.0 'Guernica' From my observations, these are all the design
Read more

Illustration and Visual Narrative / Final Project

Image
26.06.23 - 14.07.23 / Week 13 - Week 15 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection INSTRUCTIONS Animated 1 Page Visual Novel The final project of Illustration and Visual Narrative is a continuation from Project 3 where we are to create a one page introduction comic of our selected story based one of the three 1 acts from our story. We are then to animated at least 1 panel of the comic into a short looping gif which are chosen based on the optimal timing in the story flow and visual transitions that effectively convey the narrative. The challenges of this assignment are the following: Continue with the same story and design aesthetic from Project 2. Work only from one paragraph of the story for the 1st page. Research I first went through the story I have selected and read each of its acts before choosing one to proceed with. After careful consideration I have selected Act 1 of the story- 'Elean
Read more