Project 1 : Prototype Design

 Project 1 : Prototype Design




For this task, we will need to create a UI design prototype for digital resume using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements or user interface interactions of my digital resume.



fig 1.0 screenshot of research

I started my task by researching some reference and example for the resume prototype.

fig 1.1 resume 


I had use my previous resume that i used for indeed apps as reference as the information I need had listed inside. 

Resume had included and provided my experience from previous works, computer skills, my profile,etc.
The information had clearly listed and the experience had also strongly stand out my skills.



fig 1.2 icon

I had provided the icon of phone-calls and email, also my blogger into my contact. Using the simple icon that everyone knows to make audience more easy to understand the meaning of the icons.


fig 1.3  typography

As for the typography, I had used the family font of Libre Franklin, by different weight and stroke of the same font family, such as SemiBold, Light, Thin, to divide the labels of every parts. To emphasise the important part, using SemiBold for the tittle of every label.


fig 1.4 icon of software


To enhance my resume prototype design, using icon for my software part, to make it easier to understand which computer skills I had could help for the company, I had tried to use piechart and line bar to check on which output would be better. Overalls, the line bar would be more clarify so I had choose the design on top.


fig 1.5 language


For language parts, I also had included my cantonese as there are some company in Kuala Lumpur are going to develop into China, Shen Zhen and China, Hong Kong, it would be advantage for me to add on inside, as also some of the company required able to talk cantonese for international meeting, as well as my skills of Chinese and English had provided also.


fig 1.6 company

I had also provided the most popular company that I had worked for my past years experience. I had also added my tittle and job scope for two different type of work. Icon of two company had added to grab focus point of audience could directly know which company I had worked before. Short and clear description of my job scope to letting them knowing better of my experience. 

The Final Prototype Design, JPEG :



The Final Prototype Design, PDF :


Comments