Posted by

Interactive Design Project 1

 23/4/2024-20/7/2024 Week 4-Week 6

Jie Xuan/ 0356515

Interactive Design/ Bachelor of Creative Media/Taylor's University                     

Project 1

TABLE OF CONTENTS

1. Instructions

2. Project 1

3. Feedbacks

4. Reflections

INSTRUCTIONS

Project 1-Prototype Design-Digital Resume/CV ( 20% ) - Individual Assignment
Timeframe : 
  • Week 4 – Week 6 (Deadline on Week 6)
Duration:
  • 2 weeks
Objective: 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 showcase the processes of the task

Requirements: 
The assignment page should include a clear and concise headline that describes the purpose of the website. Document page size width is 1366 pixel. Follow the pre-set in Figma or Adobe XD.
The document page should adhere to web design best practices, including accessibility and usability.

Learning Goals : 
  • Technical And Digital Media Competencies – Demonstrate creative use of software, and effective use of digital media skills to promote or communicate design concepts or solutions.
  • Strategic Communication Competencies – Conduct oral and verbal presentation to persuade and illustrate ideas and concepts in a multidisciplinary setting as a team or an individual.
Module Information
PROJECT 1
Figma design CV, Resume
I began my journey by seeking inspiration and gathering ideas particularly from Pinterest and Google. I explore the latest resume designs. 

Mr. Shamsul mentioned that it is important on how people might look at us as a professional designer. Thus, I gained some insight of how people design their e-portfolio in a creative way.
For my personal project, this early research process gave me plenty of inspiring ideas and attractive samples to work with.

Inspiration: 
idea1

idea2

idea3

idea4


Sketches:
Sketch 1

Sketch 2

Sketch 3

Color Scheme: 
Next, I decided to set the main color of my digital resume as blue, white, black. Here is the color palette that I have chose:



Process: 
Font: Times New Roman, Inter 
At first, I type my name and make the font size to 96. I set the font to Times New Roman.

Than, I type a summary profile introduction. All the font I set to "inter". 

I insert my photo and put it beside my profile to make the heading. 

Next section I write an introduction to myself. 

After that, I add the title and skill content into my resume page.


After feedback session I add on more icon. I adjust the balance between the information and the image icon I put in. 

After feedback session I also rearrange the content to let the whole visual looks more tidy. 

Final Outcomes:

Final Outcome of Project 1 Prototype Design (Figma Version), Week 6 (28/5/2024)

Final Outcome of Project 1 Prototype Design (PDF), Week 6 (28/5/2024)


FEEDBACK

Week 6: Mr. Shamsul give me feedback is a bit normal so I add on some some icon.

Week 7: I add on more icon and rearrange the icon and content. 

REFLECTION

Experience
From this project 1, I have learnt and improve more my layout design skill and also how I could make this web page more attractive in terms of different layout. Additionally, working with prototyping software like Figma gave me a better understanding of creating interactive and visually appealing interfaces. I learned that the prototype is very important, not only the coding part. This project is just a beginning, the next project is going to be challenging because it is because we need to code the resume out. 

Observation
The skills and insights that learned from this project will be valuable in future tasks and professional applications. This project enhanced my ability to create structured and visually appealing resumes using prototyping software. I also observe that we need to have balance when we design resume. 

Findings
I've discovered that developing a balance among text and graphics is crucial for developing a beautiful and informative resume that emphasizes your distinct skills and impression.




















Comments

Post a Comment

Popular Posts