My processI started working on my interactive resume a couple of weeks after graduating in June. The idea of creating an interactive resume, came from a similar project by US based designer Robby Leonardi.
Initially I sketched out some rough ideas and notes of the different elements I wanted to include in my resume. The first version looked more like a 2D side-scrolling computer game. As I wanted to more closely reflect the professional domain of my skillset, I decided to adapt my concept so it became more reminiscent of a User Journey, a tool often used within UX-Design. The first digital version of the resume was developed in Godot, an open-source game engine, that allowed me to quickly get a feel of the interactivity and pacing of elements in the resume. However, when I learned that this version was very performance intensive, and wouldn't be able to work on mobile and tablet devices, I decided to remake the resume using HTML, CSS and JavaScript. The final version is developed using the GreenSock Animation Platform plugin for JavaScript, that handles a lot of the heavier animation code and controls how the character follows a vector path when scrolling. The library was advantageous as it was very lightweight and worked on all devices and browsers. I struggled some with the scale and resolution of the project, and ended up limiting accessibility specifically on the FireFox and Opera browsers on mobile devices. I decided that this was a compromise I could live with, as data shows that few users use FireFox and Opera to browse on mobile The graphic objects was made in Adobe Illustrator while the character animation was made using Adobe Animate. You can try my interactive resume here: https://interactive-resume.marcusduejensen.com/ |
|