Interactive Resume
The first interactive portfolio I built when starting my front-end career.
- Overview & Problem
An interactive resume project I built in 2016, while first getting into front-end development. Inspired by interactive developer Kim Jong-min's portfolio, I wanted a way to express my abilities through interaction rather than a static resume.
- Approach
The goal was to design the page myself and implement interaction and animation suited to each section, creating an experimental resume that could effectively communicate my career and abilities.
- Implementation
Finished the design in Sketch and built it with HTML, SASS, jQuery, and Gulp. Organized styles into modular SASS files (_common, _home, _skills, _projects, _contact) and set up the build environment with the Gulp task runner. Implemented dynamic HTML loading using jQuery's load method, and drawing animations using CSS stroke-dasharray and stroke-dashoffset.
- Result
Completed an experimental resume that expressed my career and abilities through interaction. It became an opportunity to explore how micro-interactions can draw a user's visual focus and deliver an engaging experience.