this website
Designing the way the work is showed and the space around it is just as important as the project itself. I designed & coded my website to tell my story as a designer.
I wanted to learn how to code my own websites from scratch, since it's such an interesting and open medium.
I figured it is important to understand the ins and outs of front-end development as a product designer. So, why not make my own website a learning opportunity, and an example of what I can do?
I mocked up the content first in Illustrator.
I coded my website using HTML, CSS, and Javascript. I used Eleventy, a static site generator, to write layouts and reuse them across my pages automatically.
I write the code in Visual Studio, push versions to Github using Windows Terminal, which automatically updates my website on Neocities. This fully automated process makes it easy to upload text and photos, and add new projects in minutes.
After recieving feedback on my first published version, I went back to Illustrator to think through some changes.
✦ a more modern & responsive layout
✦ see an overview of a project + thumbnails of other projects without scrolling
✦ turn the project categories into tags
✦ tell the design story and process consistently across all projects
