Portfolio
About
Contact
2020 Portfolio & Blog
05/20 - Now
Personal Project
UX/UI Design
JavaScript
VueJS
New Decade, New Website

Sought to build upon my previous portfolio with a more thought-out color scheme, flat design and more interactive elements. After experimenting with animations and color schemes, I ended up with a design that reflects one of my favorite sights: the sunset.

Approach

Built on lightweight VueJS/Webpack boilerplate through Vue CLI.

Expanded to add features such as dynamic page routing through config files, improving extensibility and allowing for easy page content modification.

Added pre-rendering to improve client-side performance. Decided this was a better choice than SSR, since this website is static content and has very few pages.

Retrospective

I'm very happy with the color scheme, but I would have liked to experiment with parallaxing.

Having the site content figured out early on (images, text, etc) helped to avoid wheel-spinning.

Learned a lot about CSS animations in the context of performance, such as object properties that perform well when transitioned due to GPU acceleration.

Big thanks to all the friends that provided feedback and tested on OSes/devices that I don't physically have access to!

Design Iteration

Started with low fidelity sketches, proceeded to refine the layout and color over during implementation.