One UI/UX design team for everything between your brand and your product.
The website people discover, the product they use and the materials your team shares, all made from one system by the same senior people. We design and build websites ourselves, so what you approve is what goes live.
01 Website
02 Product
03 Brand
01 · Website
Websites that explain the product before the demo does.
Design+Development
We design the site and build it ourselves: positioning, page structure, design, then the build, with a CMS your marketing team runs. Framer, Webflow, Next.js or Astro. What you approve is what goes live.
Marketing site
Landing pages
CMS and blog
Docs and changelog
02 · Product
Product UI people actually finish.
Onboarding, dashboards, empty states and the design system behind them. Working front-end prototypes when they help your team decide faster.
Onboarding
Dashboards
Design systems
Working front-end
03 · Brand
A brand that looks as serious as the product.
Identity, guidelines, illustration and the rollout across site, app and sales. One type scale, one palette, one standard.
Identity
Guidelines
Illustration
Rollout
Your day-to-day design needs
Handled.
The small requests that never make the roadmap but always land on someone's desk. Send them over. They come back on-brand, usually in days.
Sales deck refreshSales2 days
Webinar landing pageMarketing3 days
LinkedIn ad set, 6 sizesGrowth1 day
Investor update one-pagerFounder1 day
Feature launch visualsProduct2 days
Case study layoutMarketing2 days
Designed and built by the same team. For product work we hand over working front-end your engineers can pick up, plus Figma if your team uses it.
“From product design to website design and development, their work has been nothing short of fantastic. They seem to just get it.”
Peter SolimineFounder, SayBloomShark TankFounder, Beulr4 monthsProduct and website
Your stack or ours
We pick the right tool for the job.
And we can run the whole site, CMS included. Scroll, or point at a group.
relay-web
TSstack.config.ts×{}package.jsonM↓plan.md
src › config › stack.config.ts ›design
1import{defineStack}from'@bfs/stack';23export defaultdefineStack({4design:['figma', 'blender'],5// explore, prototype, decide6build:['framer', 'webflow', 'next',7'react', 'astro', 'tailwind'],8motion:['gsap', 'three', 'lottie', 'rive'],9// motion that explains10cms:['sanity', 'webflow', 'framer', 'notion'],11// your team publishes, not us12ship:['vercel', 'cloudflare', 'github'],13manage:['linear', 'notion', 'trello'],14talk:['slack', 'discord', 'email'],15// we join your Slack or Discord16});
mainBuild passed7 groups · 25 toolsLn 4, Col 33TypeScript