Landing PageProjects PageAbout PageAbout Page

chianli.io

This website!

22' - Now



Svelte

SvelteKit

HTML/CSS

Typescript

Google Cloud Platform

Illustrator






Contribution

I began designing this website by deciding what features I needed and why I wanted to build it: to display more portfolio in a more creative and comprehensive way. To capture the aesthetic I wanted to go for, I browsed work from a few design studios I like for inspiration, then I picked out a typeface to base the rest of the design around. I just used my notebook, not Figma, for some quick mockups to save time and also since I don't have to communicate my vision to anyone else as this is a solo project. I designed the logo with Illustrator.

Improvement

I'm still working on this and have a few things I need/want to add. 1) I need to adapt this to more screen sizes, especially mobile. 2) My type selection is good in theory and is pleasing from a distance, but kind of hard to read in practice. I'll need to revise that. 3) My projects section should be sortable by discipline and have more professional pictures. 4) I want to make images lazy loading. 5) I need to optimize some images and videos for faster loading. 6) I want to add some cool visual effects.