Design and visual experiences

Make the next step easy to see.

Help someone choose a service, add a room photo or start a lesson. I design the hierarchy, navigation and interaction around the action the person came to take.

Let the task shape the screen.

A service website needs a clear route to an enquiry. A color-selection flow needs choices in a useful order. A learning map needs an inviting place to begin. Each calls for a different visual approach.

Service pages, guided choices and learning maps.

The work below spans responsive websites, a paint-visualizer interface and pixel-art learning experiences. Open a case to see the design alongside the part I built.

6 projects

Truline Digital Services homepage with a service offer beside a labeled example lead-to-job journey. — Simulated customer journey with example contact details and a labeled generated ad photo.
Truline Digital Services homepage, October 6, 2026. Every lead, message and booking in the illustrated journey is a labeled example.
View full size ↗

Truline Digital Services marketing website

Live public site

Homepage captured October 6, 2026. The illustrated CRM journey is simulated, not a live integration.

I designed and built the Truline Digital Services marketing website, organizing the offer around a clearly labeled example journey from enquiry to booking.

Websites · Design

View project ↗

Visualizer step 2 of 6, “Add your photo”, with an uploaded room photo and continue action, captured April 14, 2026. — Photo upload, step 2 of 6, captured April 14, 2026. The archived screen shows the room image and continue action, not a completed AI-generated result.
View full size ↗

Grove Street Painting visualizer

Preview verified / archived capture

Archived upload-flow capture from April 14, 2026, with a newer verified preview. Production promotion and current live generation remain unverified.

I built a guided room-photo upload and selection flow, with surface, paint-brand and color choices, and worked on a manufacturer-verified color catalog.

Software & AI · Design

View project ↗

Pixel-arcade homepage headed “Write JavaScript that runs.” with a first-function.js example, expected output 8 and the first three missions. — Patchwork’s local homepage, with a runnable code example, expected output 8 and the first three missions in the read/fix/prove loop.
View full size ↗

Patchwork coding game

Recorded local demo

Local app with recorded browser captures. Public deployment is unverified.

I built an arcade-style coding game with short predict, repair and challenge activities, real JavaScript execution and browser-saved progress.

Software & AI · Design

View project ↗

Vibe Code Quest pixel map with eight labeled topic islands and a “Make this map yours” onboarding prompt. — Pixel-map home with eight topic islands. The captured onboarding asks for the learner type and shows progress at 0/5.
View full size ↗

Vibe Code Quest learning map

Recorded local build

Local build with a verified public source repository. Current hosted availability is unverified.

I built a pixel-map learning interface with eight topic regions and short interactive lesson runs.

Software & AI · Design

View project ↗

Shape of Paint

Live public site

Redesign approved to go live September 23, 2026. Public homepage captured October 8, 2026.

I worked on Shape of Paint’s website, painting guides and launch review. The client approved the September redesign to go live.

Websites · SEO · Design

View project ↗

Custom Wood Finishing

Live hosted site

Existing Vercel production verified October 8, 2026. Marlon is the shop owner.

I designed and built a cabinet-finishing website with piece-count pricing, trade-focused service pages and mobile navigation.

Websites · Design

View project ↗

Tell me about your project ↗