INTERACTIVE DESIGN/ PROJECT1_PROTOTYPE DESIGN

 

24.09.2023 - 8.10.2023 (Week 4 - Week 6)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
INTERACTIVE DESIGN
PROJECT 1 / PROTOTYPE DESIGN

INSTRUCTIONS


Project 1/ Prototype Design

This project aims to craft a cutting-edge UI design prototype for our digital resume or curriculum vitae (CV) utilizing state-of-the-art prototyping software like Adobe XD or Figma. The resume content will encompass a comprehensive array of elements, including personal information, educational background, work history, skills, projects, and essential contact details. 

Progress
Prior to commencing this task, we were obligated to conduct thorough research and engage in preliminary sketching.

References

Figure 1.1 References (from pinterest)


Sketches


 
Figure 2.1 - 2.5 Sketches

Digitalize
Within these five sketches, I decided to focus on Figure 2.5.

Figure 3.1 Chosen sketches


Tutorial of using Figma in Youtube:
1. Building a UX RESUME in 10min with Figma
https://www.youtube.com/watch?v=u3n0XH_PTnc&t=81s 

2. How to add icons in Fi]gma
https://youtu.be/t-rteFlc-Fs?si=LUr-zRSvRJYOkj0N


After watching the YouTube videos, I created a frame of A4 size and started arranging the layouts.

Figure 3.2 Progress screenshot

Icons will be incorporated following this step, and I've also applied the color scheme.

Figure 3.3 Progress screenshot

Attempts

01 Attempt


Figure 4.1 Colour panel                                 Figure 4.2 Attempt 01

02 Attempt

Figure 4.3 Colour panel                                 Figure 4.4 Attempt 02


Final Prototype Design

Figma Link

Figure 5.1 Final chosen color palette


Figure 5.2 Final prototype design


Figure 5.3 Final prototype design pdf

FEEDBACK
Week 06 

  • Decrease the icon size, providing more white space.
  • Ensure uniform font size throughout.
  • Reduce the icon sizes.
  • Instead of using icons for interests, consider presenting them in a concise bullet-point format.

REFLECTIONS

While this project may seem deceptively simple, its true purpose is to evaluate our design skills. I initially encountered challenges while creating sketches because they didn't align with my initial vision, primarily due to a lack of content. However, this experience highlighted the profound truth that a resume can genuinely reflect who you are, as it involves applying the knowledge acquired during your coursework with creativity in elements like icons, colors, and layouts. A resume can be straightforward, but it must also possess a creative touch.

Surprisingly, I found Figma to be more user-friendly than expected. It's a captivating and highly functional platform.







Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2

Image
Week 4 - Week 9 TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA DIGITAL PHOTOGRAPHY AND IMAGING PROJECT 2 Project 2A: Double Exposure Part 1 (Follow Tutorial) Figure 1.1 Part 1 Final Outcome Part 2 ( Own Portrait Double Exposure ) Figure 1.1 Part 2 Final Outcome Project 02B - Poster Design Final Poster: Figure 3.1 Maybank Final Poster Title: "Before The Storm" Summary: The concept of this poster draws inspiration from the yin-yang philosophy. Two tigers are positioned on opposite sides, locked in a captivating gaze, poised for battle at a moment's notice. The letter 'M' represents the sun. It was also the judge of this war. M= Maybank. The poster's composition, setting, and colors draw inspiration from the rich tapestry of Greek mythology. Reflection I have explored more layers, colors, and filters in this project to create a d ouble exposure. I 'm a changeable person. I consciously selected elements like clouds, rain, waves, and a grey backg...
Read more

INFORMATION DESIGN/ FINAL PROJECT

Image
    03.02.2025 - 23.03.2025 (Week 1 - Week 7) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT INSTRUCTIONS Final Project: Infographic Video Animation In this group project, we have to create a basic video animation based on our FLIP research topic. Using a structured design framework, we aimed to present information engagingly to a target audience, focusing on one of three objectives : Creating awareness Explaining a process Defining a concept. Progress Week 1 - 3 We have grouped a team of 8 people.  Rachel Yeo Rong Qing (Group Leader) Jia Wen Bing Ruthlene Chua Zhen Si Liu Zi Yu Tan Jie Ying (Me) Isabel Tan Xen Wern Nadhrah Binti Abdul Razak Myra Elida Binti Abd Azis We came up with several topics, such as recycling, cybersecurity, women's safety, traffic safety, dengue fever, and more. After voting and receiving feedback from our lecturer, we finalized our FLIP topic as "Cybersecurity" . After confirming the topic, each of...
Read more

INFORMATION DESIGN/ PROJECT 1 & 2

Image
  18.02.2025 - 25.02.2025 (Week 3 - Week 4) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN PROJECT 1 INSTRUCTIONS Lecture Note Week 3 Miller’s Law states that the average person can hold 7 ± 2 items in their short-term memory at a time. I often apply Miller’s Law when I encounter words I don't know how to spell or complex words by breaking them into chunks to read and remember. For example: Unbelievable ( un - believe - able ) Week 4 Week 5 Tips for constructive workflow : 1. Understand the Question Clearly define what you are designing and its purpose. 2. Construct a Strategic Plan Gather data, analyze pros and cons, study case studies, and understand the workflow before proceeding. 3. Fill in the Blank Keep track of your progress by organizing, grouping, and labeling your work. 4. Get Some Inspiration and Ideas Explore references and insights to improve your design. 5. Set a Perimeter While ideas are limitless, focus on identifying strengths...
Read more