INTERACTIVE DESIGN - PROJECT 1

-

18/09/2023 - 02/10/2023 / Week 4 - Week 6

Thanaphorn Daensaad / 0350930
Interactive Design / Bachelor of Design (Hons) in Creative Media
Project 1: Prototype Design 


Lists: 
Class Summary
Instructions

- Project 1 : Prototype Design


Feedback
Reflection
Instructions
Project 1-Prototype Design
In this first part of the assignment, you will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume.




Requirements:
1. Content and Structure:

Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections.
Decide on the order and hierarchy of sections based on their importance and relevance.
2. Layout and Visual Design:

Design the layout of your digital resume using the chosen prototyping software. Define the placement of different sections and how they will flow together.
Apply a consistent visual design using typography, color palette, and appropriate spacing.
3. Sections and Organization:

Organize your resume into logical sections, such as "Profile," "Education," "Experience," "Skills," "Projects," and "Contact."
Prioritize sections based on their relevance and significance to the position you're targeting
4. Visual Elements:

Incorporate relevant images, icons, or placeholders that align with the content and enhance the visual appeal of your digital resume.
5. Prototype Presentation:

Update your e-portfolio explaining and showcasing the processes of the task
Evaluation Criteria:

Your UI design prototype assignment will be evaluated based on the following criteria:

Clarity and effectiveness of the UI design, layout, and visual elements.
Appropriateness of the chosen typography, color palette, and imagery.




Project 1 : Prototype Design

1. Visual Reference
I started off with finding some visual reference to get a glimpse of idea how is a resume made. I also find some interesting design of resume that I take as a reference.


The examples above are some of the examples of a traditional style of a resume that I tried to replicate to play around with the content arrangement.




I found some less boring ones that replicates the personality/profession of the person by putting some elements in their resume. 



2. Content Structure
Prepare the content for your resume, including personal details, education, work experience, skills,
projects, and other relevant sections.



I displayed all the information needed for the resume on google docs in order to determine the size of the content when display later in Figma. By doing this, I wouldn't have to fumble around on what I want to put in my resume.


3. Layout and Visual Design
- Design the layout of your digital resume using the chosen prototyping software. Define the placement of different sections and how they will flow together.
- Apply a consistent visual design using typography, colour palette, and appropriate spacing.

Wireframe
I included all the sections in the making of my wireframe
1. Header section: Profile (bio, image)
2. Contact information
3. Education
4. Achievements
5. Skills (Personal & Technical)


The typographies I chose for my resume are EB Garamond and Inria Serif as they're both easy to read compared to the other fonts available on Figma.


Colour Pallete
I chose sort of like a cool colour to showcase that I'm a person who is cool and layback when it comes to doing work.



4. Prototype Presentation

https://www.figma.com/file/rkhds0tPuEHIbo4SdWKhUB/Resume-Design?type=design&node-id=1%3A4&mode=design&t=td5fbIPJB0F7adNh-1


Reflection
This task was sorta stressing as it is my first time making my digital resume. The examples on Pinterest was really spectacular. This is the first time also that I am using Figma. I thought that it would be hard to use judging by the name of it. When I explored the software, it was kind of easy if I were to compare to be doing coding. 

Comments

Post a Comment

Popular posts from this blog

SONIC DESIGN - EXERCISES / AUDIO FUNDAMENTALS

-
Image
21/04/2025 - 13/05/2025 (Week 1 - Week 4) Thanaphorn Daensaad / 0350930 Sonic Design / Bachelor of Design (Hons) in Creative Media Audio Fundamentals List Lectures Instructions Exercise 1: Equaliser Exercise 2: Sound shaping Exercise 3: Sound in space Feedback Reflection Lectures Week 1 / 21/4/2025 On the first week of self-directed learning. we were required to have Adobe Audition installed for the upcoming tutorial class we would be having on Tuesday. We are also required to create a blog as this week's attendance submission. We first learnt about the fundamentals of sound, how the sound travels and how we percieve sound. Lecture 1: Sound Fundamentals and Equaliser Sound - a vibration of air molecules that stimulates our eardrums. Nature of sound 3 Stages of sound: Production - source of sound Propogation - medium where sound travel...
Read more

ANIMATION FUNDAMENTALS - LECTURE & EXERCISE

-
Image
23/09/2024 - 23/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Weekly Lecture & Exercises List 1. Instructions 2. Weekly Lectures 3. Exercise 1: Bouncing Ball 4. Exercise 2: Ball With Tail 5. Feedback 6. Reflection Instruction Weekly Lectures Week 1 This is the first week of class. Mr. Kamal briefed us on the work that we will be working on throughout the semester. The assessment consists of exercises, project 1,2 and a final project. We were first asked on our knowledge on animation in terms of the principles and the history of it. He talked on the birth of Toys Story being the first 3d animated film and also Bugs' life. He gave us a brief introduction to frames and more. It could lead up to 24 or 12 frames per second. We were shown examples of past students' work in order to get a brief understanding of the expectation's of our outcome. The founder of Pixar, John Lasseter wrote an article on...
Read more

MINOR PROJECT

-
Image
23/09/2024 - 06/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Minor Project / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection / WarisanXR List Instructions Minor Project Feedback Reflection Instruction Minor Project Proposal Presentation TrueXR Proposal G8 Minor Project by Ian Choo Xin Zhe Final Presentation WarisanXR Final Presentation by REEMA ARIF HAMZA MIRO Board Final Project Tracking Document Feedback Refer to Project Tracking Document for weekly feedback.  Reflection Week 1 D – Describe Objectively What Happened In the first week, Mr Mike introduced us to the class briefly before he told us to get in a group of 7 people of mixed specialisation. He showed us the past projects that the semester before us had done which was quite interesting. Mr Mike was trying to prove to us the point that it doesn't matter what background we have whether it being design, computing or etc as long as our first initiative was to solv...
Read more