The old website

old portfolio site

The layout of my current website was looking outdated, so I decided to update the entire design of it. It would help the visual appeal but also help as an opportunity to practice more frontend development. As I explore more portfolio websites from different industries from animation to web development, I see the common trend of reducing the amount of clicks as possiblefor users interested in seeing what I have to offer. However, I also wish to show people who come to my website, my art. To keep my work organized, I have to categorize.

I decided to only feature a few prominent projects in a grid on the homepage. This way, users could get an idea of what I can do.
The navigation bar would show the main pages of the website:

homepage wireframe

There’s the homepage (what users will first see when they arrive to my website).

project page wireframe

Here is the layout for a more full list of projects I’ve worked on.

about page wireframe

Lastly, I redesigned the page that would allow users a glimpse into who I am, along with a CV.

References

Codepen.io provided some awesome ways to approach text animations to add more pizzazz to this portfolio website. Plus I've learned that a little more interactivity like these text animations can help make the site look a little more professional. I'm still learning how to do this effectively, so there are a lot of people online to thank for the reference.

The translation animation on the homepage header is thanks to this original project by Yoann Helin: here . My version can be seen here where I fiddled with it: here .

The text shuffle decode animation on the project page is thanks to this original project by Ben Raclot. His codepen can be seen here: here .

My version can be seen here where I fiddled with it: here.