Interactive Design / Project 1: Prototype Design - Resume/ CV

14/05/2024 - 28/05/2024 (Week 4 - Week 6)

Isabel Tan Xen Wern/ 0355602/ Bachelors of design in creative media/ Taylors University

Interactive Design GCD 60904

Project 1: Prototype Design - Resume/ CV

---

JUMPLINK

Introduction

Process

Final Submission

Reflection

---

INTRODUCTION

Figure 1.1

Mib (14/05/24)

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.

---

Process

Figure 1.2

Inspiration (21/05/24)

Figure 1.3

Suitable font heading - Croissant one(21/05/24)

for the name, it had to be thicker. i tried out a few different fonts to see which matched the final prototype the best.

Figure 1.4

Suitable font 2nd heading - Courgette(21/05/24)

Figure 1.5

Suitable font 3rd heading - Belgrado(21/05/24)

Figure 1.6

Suitable font body - Belleza(21/05/25)

Figure 1.7

Adding Shapes (21/05/24)

Using the pen tool, i drew out a graphical element to add. 

Figure 1.8

Adding Color (23/05/24)

I had already thought of the colors i want to use so I just tried different shades, just incase it might be too light and blended into the background.

Figure 1.9

Adding more shapes (23/05/24)

I originally wanted to use the same shaped throughout the page but I decided to try different shapes but with a similar concept so all the graphical elements are different but somewhat the same with the bumping and smooth lines.

Figure 2.1

Creating Icons (24/05/24)

It was difficult to find an icon online that can change to the exact color to match the rest of the layout so i decided to create the icons myself with the shape tool and the pen tool. I wanted to keep it simple for the employer to see clearly and understand fast.

Figure 2.2

changing the colors (24/05/24)

I adjusted the colors of the shapes to match the rest of the design.

Figure 2.3

 adding Graphical elements(24/05/24)

Figure 2.4

Graphical elements(24/05/24)

using the button tool from the UI Components to create the border.

Figure 2.5

Adding the Profile image (26/05/24)

Using the circle shape tool, I drew where I wanted the image to be before inserting my own image into the circle.

FINAL SUBMISSION

Figma Link: https://www.figma.com/design/3CmYegSnhNuwRC1IVqpui5/Project-1?node-id=2-162&t=t6SvfoBi61HcYqVu-1 

Jpg: 

Figure 2.6

Final Submission in Jpg (28/05/24)

PDF: 

Figure 2.7

Final Submission PDF (28/05/24)

---

REFLECTION

My experience with this project is quite fun as i got to design my own resume in as many creative ways as I want. It let me experience using Figma for the first time and it was quite easy and convenient to use especially with the pen tool and the UI Components already prepared for you. Having fun aside, this project outcome can really help me in my future while applying for jobs for my major.

Overall, this project was a good experience and can help me in the future in using prototyping software's like Figma.