# UXUI Portfolio

A portfolio you scroll like a river, with its own CMS, on a single Worker

![Fluke’s portfolio on a laptop and a phone on a sunlit desk, the work river open with Art Buri in the middle](https://notstatic.co/media/m/fluke-portfolio-cover-4k/lg.webp)

- Type: Brand
- Client: UXUI Portfolio
- Year: 2026
- Services: Website, Motion, CMS, Brand site
- Tools: Claude Code, Codex, Motion
- Visit the live site: https://fluke-thammasat.dev

## The brief

Fluke has spent more than nine years in UX/UI across fintech, insurance and enterprise systems, and now builds products end to end with AI: from the spec, through the design, to code in production.

The brief was a portfolio that proves it by itself. The work has to outshine the site, read as well on a phone as on a big screen, and take new projects without anyone touching code.

## Approach

The home page is a river of work: scroll or swipe to flow through one project at a time, or switch to an Index view in one click. The About page has a head that opens when clicked, and the Playground collects experiments in motion and interaction. The intro and the character are made in Rive.

It all runs on one Cloudflare Worker. React Router renders the pages on the server, the content lives in D1, and pictures and video come from R2 through the edge cache. The CMS at /admin handles everything, from the order of the work, its colours and pictures to the cards inside the head. Every page’s share image is drawn from the real content.

![The portfolio’s home page, About page and a case study on three phones](https://notstatic.co/media/m/fluke-portfolio-phones/lg.webp)

![The About page: a comic head that opens when clicked, beside the introduction](https://notstatic.co/media/m/fluke-portfolio-about/lg.webp)

![The Playground: thirteen experiments set in columns](https://notstatic.co/media/m/fluke-portfolio-playground/lg.webp)

![The Index view of the work: projects, clients, roles and years](https://notstatic.co/media/m/fluke-portfolio-index/lg.webp)

![The SIAHRA case study: Thailand’s hazards on a 3D terrain map](https://notstatic.co/media/m/fluke-portfolio-siahra/lg.webp)

## Results

Live at fluke-thammasat.dev with six case studies and thirteen Playground pieces, all updated from its own CMS. The site and the CMS run on one Worker.

Next project: [Art Buri](https://notstatic.co/en/work/art-buri)

## Want a website like this?

Tell us your brief and we'll reply with a scope and the package that fits. [Start a project](https://notstatic.co/en#contact)

---

Source: https://notstatic.co/en/work/uxui-portfolio
ภาษาไทย: https://notstatic.co/work/uxui-portfolio