The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
My portfolio site is live: nataliabukh.com. Here is what's behind it.
The design is mine, made in Figma. That part was never up for delegation. An agent with references still designs toward the average of what it has seen, and my site is my site. So the design work went further than screens. My work-with-design-systems skill helped me with a UI kit: variables with code syntax, everything agent- and code-ready before agents touched a page. Pages and components both.
The build ran like a client project. Claude Code agents worked from a PRD and a spec per task, under written rules: sources of truth ranked in order, one task, one branch, one PR. An independent QA agent checked every pull request against the Figma frames, and a token audit checked every color and font value against the token file. I reviewed each Vercel preview on desktop and phone before merge.
The stack: Astro, Keystatic as the CMS, Umami for analytics, Formspree, Vercel. No cookies; Umami doesn't need them.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
I felt something was off with my own website.
Too plain. Not how I envisioned the brand.
So I added more creative touches and built a real story into it. Now everything makes sense.
It finally feels like Outredge 🚀
https://outredge.com/
That big bold wordmark with the corner brackets gives it so much more character. "A marketing site as good as your product" is a strong line too, says exactly what you do.
The contact page is usually the last page anyone designs.
We made it one of the best
Recent client work: a contact section UI design for a company with offices across cities. Globe in the back, every location up front, and small interactions that make the whole web design feel alive.
Impressive work
What happens when one website has to talk to two different people?
A client of ours teaches two audiences at once: expecting mothers who want a calm pregnancy, and women who want to become doulas. One brand, one site, two very different reasons to visit.
The usual fix is a hero that speaks to "everyone" and lands with no one. We designed it as a fork in the road instead:
1. Two doors in the hero. "I'm pregnant" and "I'm training to be a doula", side by side, equal weight. The visitor picks a path in one click, and the headline above them stays about the shared value.
2. One voice, two tones. The mothers' path is softer: fewer words, more room, gentle photos. The doula path is more structured: modules, certification, dates. Same fonts, same colors, different rhythm.
One proof section, split in two. Testimonials from mothers on the left, from doulas on the right. Each visitor sees people like them before the price.
Writing for everyone is writing for no one. Give each reader a door.
Have you ever designed a page for two audiences at once? How did you split it?
Love that purple hero with the two cards right up top.