Brianna Godfrey.
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.

See the work Get in touch Download resume
  • Charlotte, NC
  • Figma · Adobe XD · Illustrator
  • JavaScript · TypeScript · React · Node.js · Python
  • 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
The AI Buying Concierge results screen: three laptop picks priced for a 25-laptop order, with the first marked Best fit for your team
Concept, designed and builtDesignProductCode

AI Buying Concierge

An AI shopping assistant that helps small businesses choose laptops, from product spec to working demo. Built on one rule: every fact it shows comes from the catalog, and it would rather say nothing than guess.

Read the case study
Deepweek (formerly Weekflow) in Calendar view: a week of tasks laid out on an hourly grid, each block sized by its time estimate, with overlapping tasks side by side, finished tasks outlined, and a count of untimed tasks under Thursday, plus the focus timer and progress count in the sidebar
Shipped product, in daily useDesignCode

Deepweek

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 this stylist 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.

Deepweek (originally Weekflow) started as a planner for my own week. It's still in daily use by four people, including a coworker who runs 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, Node.js and Django.

Languages

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

Frameworks and tools

  • React
  • Node.js + Express
  • Django
  • REST APIs
  • PostgreSQL
  • Docker
  • 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