Design Portfolio Site
Portfolio site for a graphic designer and illustrator. 22 pages covering 7 clients and 10 project detail pages. Custom cursor, interactive lightbox with keyboard and touch controls, all images optimized to WebP.
uilt a portfolio site for a graphic designer and illustrator. The brief was to let the work speak without the site getting in the way.
22 pages total: a landing page, an about section, 7 client overview pages, and 10 detailed project pages. Every image is converted to WebP with 60-99% compression gains over the original JPEGs. On a design-heavy site where images are the content, that matters.
Added a custom crosshair cursor and an interactive lightbox for browsing project images. The lightbox supports keyboard navigation (arrow keys, Escape) and touch swipe on mobile. The goal was to make image browsing feel native, not like clicking through a modal.
highlights
- +22 pages, 7 client sections, 10 project detail pages
- +All images converted to WebP with 60-99% file size reduction
- +Custom crosshair cursor and interactive lightbox with keyboard + touch support
- +Built to showcase illustration and graphic design work without visual noise
- +Responsive across mobile, tablet, and desktop
what was hard
Image optimization at this scale required a script, not manual work. Wrote a batch converter that processed all assets and output WebP at different quality levels depending on image type (photos vs. illustrations compress differently). Getting the lightbox feel right on mobile touch took more iteration than expected.