Senior-tier brand, product, systems, and growth-web work up top. Local-business sprints below. The smallest version of a marketing site for a specific kind of operator. Each case shows what it was designed to test.
Brand systems, product UI/UX, design systems, and senior-tier web builds. Each case shows the constraints, the calls I made, and what I was actually testing.
Product UI/UX · 2026
A daily-workout flow designed end to end. 11 screens, 14 transitions, every edge state documented before the happy path was finished.
Designed to testA daily-workout flow where the failure paths (paywall, no connection, paused, empty) feel as deliberate as the happy path.
View case study
Design Systems · 2026
The production design system behind every ABD client build. 120 components, 15 color tokens, four output formats. Built so the studio doesn't restart on every project.
OutcomeThe system that compiles every ABD client site in this portfolio.
View case study
Product UI/UX · 2024
End-to-end product redesign for a niche travel-planning platform.
Designed to testA progressive-disclosure onboarding for a dual-audience product, designed against a constraint of zero disruption for power users while opening the front door for first-time visitors.
View case study
Brand & Identity · 2026
A brand system for a quiet coastal hotel on the Norwegian fjords, built to scale from a business card to a building seal without picking up volume.
Designed to testA brand system that holds its register from a business card to a building seal.
View case study
Brand & Identity · 2025
Brand systematization and narrative case study for a heritage shoe-care studio.
Designed to testA heritage shoe-care brand system covering color, type, voice, packaging cues, and editorial layout.
View case study
Web Design & Build · 2026
Growth, a high-density marketing site for a Series A SaaS. Twelve sections, six interactive components, full content strategy.
Designed to testA high-density section IA that holds attention past the fold, scroll-driven motion inside a 200ms LCP budget, and conversion-led copy hierarchy across a long-scroll page.
View case study
Web Design & Build · 2026
Growth, a marketing site for a 42-room boutique hotel in Portland's Pearl District. Twelve sections, six interactive components, editorial photography.
Designed to testA 42-room boutique hotel marketing site where editorial photography carries the brand and quiet-luxury typography stays out of its way.
View case study
Product UI/UX · 2026
Foundation, editorial e-commerce for an independent Portland bookstore. Six pages, custom PDP, headless Shopify.
Designed to testEditorial-first e-commerce IA, an inventory-aware reading-room layout, and a custom PDP that handles staff-pick storytelling without breaking catalog scale.
View case study
Web Design & Build · 2026
Foundation, a multi-page site with an impact dashboard for a Pacific Northwest environmental nonprofit.
Designed to testA multi-page nonprofit site with an impact dashboard that gives funders and volunteers their own paths without competing for the same attention.
View case study
Web Design & Build · 2026
Personal portfolio rebuilt as a working showroom. Next.js, motion, and a design system end to end.
OutcomeLive at barreiro.com.
View case studySingle-page and three-page sites for local-business briefs. Each one tests the smallest credible version of a marketing site for a specific kind of operator. Scope and pricing live on the services page.
Launchpad scope + pricing →
Web Design & Build · 2026
Launchpad, a portfolio-first site for a solo tattoo artist. Three pages, live in two weeks.
Designed to testA portfolio-first IA that puts the work above everything else, three pages, and a build path that ships in under two weeks.
View case study
Web Design & Build · 2026
Launchpad, a sans-serif rebrand and three-page craft site for a Portland custom-furniture studio.
Designed to testA sans-serif rebrand that walks away from the rustic-craftsman cliché, three pages, and a CMS so new pieces post without coming back to me.
View case study
Brand & Identity · 2026
Launchpad, visual identity and a five-page site for an independent Portland yoga studio.
Designed to testAn independent-studio brand that doesn't borrow the wellness-startup template, and a five-page site built around first-visit conversion.
View case study
Web Design & Build · 2026
Launchpad, a single-page site for a Portland neighborhood roaster. Five sections, live in 48 hours.
Designed to testFive sections sized for a phone.
View case study
Web Design & Build · 2026
Launchpad, a single-page site for a Portland sandwich shop. Menu, hours, and the corner where the line forms.
Designed to testA sandwich shop's chalkboard rebuilt for a phone.
View case study