mltartstudio.com
Designer & Developer · 2023
Mobile-friendly portfolio site I built and deployed to showcase a relative's art. Features filtering, optimized image loading, and an image carousel viewer.
What it is
A small portfolio site for a relative’s art practice. She wanted a clean way to show her work to people who’d ask “where can I see your stuff?” — without the noise of Instagram or the overhead of building anything custom from scratch.
What I focused on
- Filtering by medium — paintings, drawings, mixed media, etc. A simple set of chips at the top of the gallery; URL-synced state so a filter view can be bookmarked or shared.
- Optimized image loading — Next.js
<Image>for automatic responsive sizes and lazy-loading. Real galleries with 60+ pieces stay fast on slow connections. - Carousel viewer — tap any piece to open a focused viewer with keyboard navigation, swipe on mobile, and metadata (title, year, medium) inline.
- Mobile first — most visitors come from links shared on phones. The layout, navigation, and viewer are designed for a phone before scaling up.
Stack & deployment
React + TypeScript on Next.js, styled with Tailwind. Deployed on Vercel with automatic preview URLs for changes. Content is stored as a typed config — the site rebuilds whenever it changes, so adding new pieces is a one-line edit.
Why I built it
Mostly a favor — but also a chance to play with Next’s image pipeline and the patterns around URL-synced filter state on a smaller, lower-stakes codebase than work projects.