// web design

UI/UX Design & Web Development

Design-led development from wireframe to pixel-perfect production, with real UX thinking behind every screen.

// selected work

Live Sites

Chicago funky Latin groove band — Doug's own band site

A real band's own site, built around the flyer and logo art it already had rather than an invented visual identity
Shows section pulls real gig dates live from GigSync (project 08) at build time — one personal project feeding another
Split-flap date tiles, a slow Ken Burns backdrop drift, and a real hamburger mobile nav, tuned against actual contrast/measurement checks

Musician/composer personal site — from-scratch Astro rebuild

A from-scratch Astro rebuild of the live Blazor site (dougrosenberg.com) — an exploration project, not a migration
Corner "staff" nav instead of a top bar — five scroll-tracked note-blobs that collapse to a hamburger dropdown below 860px
Three additional hero prototypes (tabletop TV frame, antenna variant, full-bleed graded) explore a "Better Than TV" album-title brand concept before one gets chosen

Composer & musician — personal artist site

Custom Blazor WebAssembly build — same stack as this portfolio — replacing the previous site
Searchable sheet music library, album showcase with purchase links, and responsive photo gallery with lightbox
Six switchable color themes persisted in localStorage; scroll-spy navigation and animated counters

Private, multi-user family tree app — solo full-stack build

JS-free tree layout — every node's pixel position computed server-side in C#, no post-render flicker
Custom drag-state ownership bridging JS gestures and Blazor persistence
~8k lines of C#, 12 EF migrations, shipped to Azure and used by real people

General contractor — multi-family value-add renovation

Minimalist editorial aesthetic with high-quality project photography driving the narrative
Structured around the "we think like owners" brand positioning, built for investor and developer audiences
Clear hierarchy across services, process, and material sourcing sections

Personal build-in-public engineering blog

A build-in-public dev journal — lightweight Astro build with a working light/dark theme toggle
Makes the case for enterprise-grade discipline (WCAG 2.1 AA, sub-2-second loads, no bloat) on small, fast-moving projects
Documents a four-step build methodology — scope it in writing, build the thin slice, load it like it's real, ship then write it up

Bulk materials supplier — multi-family residential

Clean, professional layout communicating product quality and quick-ship availability to developer clients
Organized services and private-label cabinet catalog for high-volume procurement audiences
Responsive build optimized for both desktop spec-review and mobile field use

Booking automation for gigging musicians

Forward a gig-booking email and it's parsed and added to the client's calendar automatically — no login, no manual entry
Claude extracts date, time, venue, and address from messy real-world confirmation emails, flagging anything that doesn't parse cleanly instead of guessing
Each client gets a dedicated forwarding address; a lightweight admin view shows everything that's landed for them

09 Blazor Server in progress