Interactive Design / Task1 Digital Resume

 April 24, 2024 - 

24.04.2024 –  / Week1 – Week

Ryoma Kato / 0365874

Interactive Design / Bachelor of design (Honours) in Creative Media

MIB

WORK

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 Image of Site)

I thought that white and black suit me, and I associated simplicity with white and black colors. Therefore, I designed the website to be overall simple.

(Image of Top page)

I placed text on the top page to ensure visitors understand immediately what the website is about. Additionally, to enhance simplicity, there are minimal decorations. Furthermore, at the top of the page, buttons are placed to allow visitors to navigate to desired sections with just one click. In the top right corner, my email address and phone number are listed. This not only serves as a focal point decoration to prevent the top page from appearing too plain but also provides essential information to visitors.

(Image of Profile page)

I have included a brief self-introduction on the profile page. To visually indicate the transition between pages, I have placed black borders at the top and bottom.

(Image of Education page)

On the Education page, I've switched the background color from white to black to keep the viewers engaged. Additionally, I've centered the text for educational qualifications as I found it hard to read when aligned to the right or left. To add some decorative elements, I've inserted dashes around the "Education" text. Moreover, for a touch of style, I've added a line between the detailed text and the date to separate them visually.

(Image of Skills and Project page)

On the Skills and Projects pages, I've reverted the background color to white. Additionally, I intentionally unified these pages into one, believing that presenting skills alongside the projects undertaken would establish a stronger context for the information. Furthermore, I've rated proficiency in each app on a scale of 5.0 to provide viewers with a clearer understanding of my skill levels.

(Image of contact page)

On the Contact page, I've added icons representing various social media platforms where you can reach me. Clicking on these icons will direct you to my profiles on each respective platform. Additionally, I've included my email address and phone number. The background color is now gray, creating a distinct pattern from the previous pages to signify the end of the website. To provide a cohesive closure, I've changed the bottom section of the page to black, maintaining consistency with the beginning and end of the site.