Interactive Design - Project 1

13.5.2024 - 28.5.2024

Ruthlene Chua Zhen Si 0365222 

Bachelor of Design (Honours) in Creative Media - Interactive Design

Project 1 - Prototype Design 

  • Instruction
  • Task
  • Feedback
  • Reflections

INSTRUCTION

 

Task

Task Requirement: 

  • We have to use either Adobe XD or figma to create our own resume.
  • This prototype should include structured content such as personal details, education, work experience, skills, and projects, organized in a logical and prioritized manner. 
  • Focus on designing the layout with consistent typography, color palette, and appropriate spacing, incorporating relevant visual elements like images and icons. 
  • Ensure the prototype is responsive and adheres to web design best practices, including accessibility and usability. 
At first we are told to create our own sketches before starting to digitized them. These are the few sketches that a draw and the references that I founded. 






Sketches :







I choose to digitized the first sketch and this is the final outcome :


After getting the feedback, I make some changes to it: 
  • Stars rating changed to doted
  • Hobbies images changed to be aligned into the same horizontal alignment

  • The name should be aligned on the left side, letting readers read from left to right

  • Personal Information must be real, not false
  • The elements should not be complicated, must be simple
  • Add more information about yourself, and make people interested in hiring you 

  • Every editing was corrected and created using Figma. 


This was the adjustment I made after having all the feedback: Resume 2.0


Final Outcome: PDF Format

FEEDBACK

Week 5 
None

Week 6
Specific Feedback: Star ratings should be represented with dots instead of stars, and images of hobbies need to be aligned horizontally for a cleaner look. The name should be positioned on the left side to align with the natural left-to-right reading flow. It’s crucial to use real personal information and avoid any false details. Keep the design simple and straightforward, and make sure to include enough interesting information about yourself to attract potential employers.

REFLECTION

Experience:

I used Figma to develop a resume prototype, beginning with sketches to determine the format and content. My goal was to create a well-organized and aesthetically pleasing design while including projects, schooling, professional experience, and personal information. Using a unified color scheme, adequate spacing, and consistent font were all part of the digitization process, along with making sure the design was responsive and followed web design best practices.

Observation:

I found that combining feedback was essential to improving the design throughout the process. Initial criticism pointed up problems that needed to be fixed for a cleaner appearance, such the usage of star ratings and aligned specialty images.

Findings:

The feedback we got emphasized how important design simplicity and alignment are. This iterative approach showed how important input is to improving the quality of the design, resulting in a final prototype that was polished and satisfied all project criteria.

Comments

Post a Comment

Popular posts from this blog

Information Design_Exercise

Image
5/2/2025-19/3/2025 Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media  Instruction Lectures Class Summaries Task Exercise 1 (Quantifiable Information) Exercise 2 (L.A.T.C.H information poster) JUMPLINK TO: PROJECT 1 &1.2 PROJECT 2 (GROUP PROJECT) Feedbacks  Reflections INSTRUCTION Class Summaries  Week 1_5/2/2025 : Introduction to Infographics Infographics are a great way to present information in a visually engaging and easy-to-understand format. They combine text, images, and design elements to make data and ideas more digestible. Compared to traditional text-based content, infographics capture attention more effectively and improve retention. Types of Infographics There are eight main types of infographics, each serving a different purpose: List Infographics – Organize information into a structured list while using visuals to enhance readability. Statistical Infographics – Present data using charts, graphs, and percentage indica...
Read more

Sonic Design_Final Project

Image
 21/4/2025-21/7/2025 Ruthlene Chua Zhen Si 0365222  Bachelor of Design (Honours) in Creative Media  Instruction Lectures Task  Game audio_Final Project   JUMPLINK TO: Sonic Design Exercises Sonic Design Project 1 Sonic Design Project 2  Reflections INSTRUCTION Task For this assignment, we were tasked with selecting one gameplay clip out of five options and producing a complete, original soundscape to accompany the visuals. All audio had to be created independently, without using pre-existing or third-party sound sources.  I decided to work with Hollow Knight because its visual style and overall tone appealed to me creatively. Since I’ve played the game before, I already had a rough idea of how its world should sound, which helped guide my approach.  However, since I played the game a long time ago and couldn’t clearly remember how it sounded, I referred to a few gameplay videos to refresh my memory and get a better sense of the game's audio ...
Read more

Sonic Design_Exercises

Image
21/4/2025-21/7/2025 Ruthlene Chua Zhen Si 0365222   Bachelor of Design (Honours) in Creative Media   Instruction Lectures Class Summary  Task  Adjustment of the sound equalizer using Adobe Audition Adjust different sound effects depending on its environment sound equalizer using Adobe Audition 2 Environment  Audio Fundamentals JUMPLINK TO: Sonic Design Project 1   Sonic Design Project 2 Sonic Design: Final Project  Feedbacks   Reflections INSTRUCTION Lectures Week 1_21/4/2025 The required task for this week is to write a reflection blog about what we have learnt through the lecture videos below: Link 1 Link 2 Link 1: Sound Fundamentals Figure 1.0: Sound fundamental video on YouTube  Nature of Sound: Understanding how sound behaves and what contributes to its creation. Capturing Sound: How sound is recorded using various techniques and equipment. Processing Sound: Analyzing and manipulating sound for specific purposes and m...
Read more