product designer + software developer

I design the small decisions that make software feel considered. Then I build them.

Computer science background, self-taught design practice. I take work from the first layout decision to a live URL, and I write down why I made each choice along the way.

  • Charlotte, NC
  • Figma · Adobe XD · Illustrator
  • JavaScript · Python · React · Django
  • Open to product design and developer roles
~/design-to-code

One button, from design to code.

  1. 01 · the designA button a first-time client actually wants to press.
  2. 02 · the spec52px tall, 28px padding, 7.1:1 contrast. Every number has a reason.
  3. 03 · the codeThe same decisions, written so they ship exactly as designed.

From Helix & Hue Studio, a concept site I designed and built.

/* Helix & Hue: the Book a visit button */
.btn-accent {
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  background: #E3A857;
  color: #1E2A23;
}
~/work

Selected work

Six projects, each written up from problem to outcome. Most of them I designed and then built myself.

The PaySupport workspace: headline metrics, a transaction lookup, and the discrepancy queue
Full-stack project, designed and builtDesignCodeSecurity

PaySupport

A payment support dashboard and API that compares a company's ledger with what the processor actually recorded, then tells a support engineer what went wrong and what to tell the customer.

Read the case study
Wireframe: a Help me choose dialog saying we can't confirm prices and stock right now, with the buyer's saved answers and a Talk to a sales rep button
Concept, product spec and wireframesDesignProduct

AI Buying Concierge

A product spec and wireframes for an AI shopping assistant that helps small businesses choose laptops, built on one rule: every fact it shows comes from the catalog, and it would rather say nothing than guess.

Read the case study
Weekflow showing a sample week: tasks grouped into sections with time estimates, plus the focus timer, progress count and backup controls in the sidebar
Shipped product, in daily useDesignCode

Weekflow

A browser-based planner built on a simple constraint: no accounts, no cloud sync, no subscription. Just open it and plan.

Read the case study
Charlotte Ironclad FC marketing site showing the hero section, ticker strip, and team content
Concept site, designed and builtDesignCode

Charlotte Ironclad FC

A concept marketing site for a fictional Charlotte soccer club, built to design a full sports funnel: awareness through the hero, to a ticket purchase CTA.

Read the case study
Onboarding screen: pick a few styles to startDiscovery feed with a masonry grid and one-tap saveItem detail with tags and a Save to Board button
Concept, design onlyDesign

Palette

A self-directed concept project: a full mobile app flow for browsing, saving, and organizing home design inspiration, designed to prove I can think in systems and flows, not just individual screens.

Read the case study
Helix & Hue Studio homepage hero with the headline, a Book a visit button, and a curly portrait beside it
Concept, UX research and buildDesignCode

Helix & Hue Studio

A responsive site and UX case study for a curly and coily hair stylist in Charlotte, built around one question new clients ask first: does she do hair like mine?

Available for stylists Read the case study
~/about

A designer who writes the code, so nothing gets lost in the handoff.

Weekflow started as a planner for my own week. It's still in daily use, mine and a few coworkers' who now run real day-to-day operations through it, and every complaint that's come up has gone back into the design.

That's the loop I care about: ship it, watch real people use it, fix what's actually broken rather than what just looks broken. It's the same standard I hold every concept to before it's ever built.

design

Research, flows and interfaces, with a written reason behind each decision.

  • Figma
  • Adobe XD
  • Illustrator
  • UX research
  • User flows
  • Wireframing
  • Visual identity
  • Design systems
  • Accessibility

code

Responsive front ends and the APIs behind them, from plain JavaScript to React and Django.

Languages

  • JavaScript
  • Python
  • HTML
  • CSS
  • Sass / SCSS
  • SQL
  • PHP

Frameworks and tools

  • React
  • Django
  • REST APIs
  • Bootstrap 5
  • Git + GitHub
  • VS Code
  • JetBrains IDEs
  • Generative AI tools (Claude)

security + systems

Building with security in mind, currently studying for CompTIA Security+.

  • Application security
  • Network security
  • Linux
  • Wireshark
  • TCP/IP

how I work

The habits that keep a project moving once other people are involved.

  • Agile / Scrum
  • Object-oriented design
  • Technical documentation
  • Data validation
  • Troubleshooting
  • Cross-team communication
~/contact

I design it, build it, and keep improving it after launch.

briakgodfrey@gmail.com