Website, product and brand from one senior team that already speaks SaaS. We work next to your team to design, build and keep improving everything your customers see and use.
Your team ships every week. Your design can't keep up.
Buyers judge you on the site, the first five minutes in the product and the deck. When those lag behind what you've built, you lose deals you should win.
01 / 06 · Website
Your site still sells last quarter.
Buyers decide in seconds whether you're safe to bet on. A site that's three months behind the product loses deals the product would win.
New users stall before they see value.
The product works. The first five minutes don't. Setup drags, empty states say nothing, and users who get confused don't come back.
Every launch waits on design.
Launch pages, feature updates, campaigns and investor decks all queue for the same few designers, or for none.
You look like three different companies.
Your site, your app and your deck don't match. Buyers and investors notice before you do.
Design gets patched at 2am.
The founder, a PM and a developer each fix screens with an AI tool after hours. It ships rushed, mismatched and full of small leaks.
Hiring a design team takes months.
Senior designers are slow to hire, expensive to keep and painful to scale down when the roadmap changes.
Last updated · 94 days ago
Setup · step 2 of 5 · 61% drop
Release · deadline passed · 3 weeks late
Site ≠ App ≠ Deck
pricing.tsx · patched 02:14
Senior designer · role open 97 days
BFS · one senior team · one system
Our point of view
We make your product easier to choose and use.
AI made another screen easy to produce. The advantage now is what buyers understand in seconds, what users get done on day one, and what feels unmistakably yours. Senior designers make those calls. AI speeds up the production. Working front-end code lets you review the real thing sooner, with no Figma handoff, unless you want one.
Services · Website
What we do
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
Figma
Blender
Framer
Webflow
Next.js
React
Astro
Tailwind
GSAP
Three.js
Lottie
Rive
Sanity
Webflow CMS
Framer CMS
Notion
Vercel
Cloudflare
GitHub
Linear
Notion
Trello
Slack
Discord
Email
Client proof
Teams that keep us on.
Most of our work comes from teams that stay. Open any row for more screens, the live site and the client's own words.
plan.md Goal: +30% demo bookings6 sections · 1 number
Figma Hero, logos, features approved9 comments resolved
Preview deployed hirely-web · mainCMS synced: 10 logos, 4 features
Performance 98Accessibility 100SEO 100Broken links 0Tracking on
demo_click · 30 days +38%142 demos booked
By our clients
Don't take our word for it. Take theirs.
Founders and marketing leads on what it is like to work with us. 5-star verified rating.
Preview · captions on
Client video
“Thanks to BFS, the new website reflects the empowering brand that we strive to be, and we’ve already received amazing feedback from our users and partners.”
On designing and building possiblefinance.com, 80+ pages in Framer.
Nathan MaggioCreative Director, Possible Finance
$156.8M raised
Pranav PiyushCo-founder & CEO
★★★★★
“BFS is quick and efficient. They helped us build out a module in Framer for our upcoming launch. I recommend them for web design and development projects!”
$8Mraised by Paramark
Sami SaltiDirector of Operations
★★★★★
“Almost no assets and a very tight deadline. They got the vision instantly and delivered a clean, modern, high-performing website in 18 days. The launch elevated our brand and helped us move faster than expected.”
$10Mraised by ClearGrid
Gavin FreemanMarketing Manager
★★★★★
“We’ve been working with them since Aug. ’23 and they have done wonders for our website. We plan to continue using BFS for as long as they’re able to work with us.”
$26M+raised by Sydecar
SBSayBloom teamApp founders · Apr 2024SayBloom
★★★★★
“From product design to website design & development, their work has been nothing short of fantastic. BFS has a knack for understanding our needs quickly and delivering high-quality results fast.”
4 monthsproduct + website
Pricing
Start with a sprint. Stay on when it works.
Two ways to buy. A fixed-price sprint for one project, or a monthly partner when design never stops. Scope in writing before work starts.
Your stage
INV-01One-off · fixed price
Issued TodayTerms Scope in writing
Bill to Your teamPick one line
Regular price$4,999
Launch discount−$1,100
Total · LaunchLaunch offer$3,899
Launch: up to 5 pages in 2–3 weeks. Positioning, design and build, CMS-ready. Two revision rounds per major stage.
Monthly plans cover websites, product UI, decks, social creative, brand assets and reports. Anything you'd ask of a design team.
No Figma handoff
Designed and built by the same team.
The people who design your site also build it, so nothing gets lost between Figma and code. No separate dev handoff, no waiting, no second invoice. Websites get design and development. Products get front-end code your engineers merge.
Design teamdecides itsame tokens · same componentsDev teamships it as code
DesignThe mark and wordmark, centred. One Logo component used in the header and the footer.
CodeA Logo component with mark and word props. Type is 34/46, the same scale as the site.
Headline
DesignThree tonal words that get lighter, then the name set in a glowing chip.
CodeOne Display component; the fade is a CSS gradient on the text, not an image.
Name chip
DesignThe product name inside a violet glass chip, the brand moment of the page.
CodeA reusable Chip with a glow prop, used again on the download page.
Subcopy
DesignPlain and direct, 46 characters wide, 70% white so the headline leads.
CodeA Lede component reading its text from the CMS, so marketing edits it.
Primary button
DesignOne action, Apple icon, the violet gradient from the chip.
CodeThe Button component with a tracked event, exact gradient, 10px radius.
Keycaps
Design⌘ + C floating near the headline: copy a link, that is the whole product.
CodeA Keycaps part with a slow CSS float, paused for reduced motion.
Format stack
DesignThe three formats as physical tags, tilted, stacked.
CodeA FormatStack mapped from one array. Add a format, add one string.
Trim times
DesignStart and end cards show the trim feature without a word of copy.
CodeTrimTimes with real timestamps, frosted with backdrop blur.
One team, design to code.Design and build happen together. ClearGrid went brief to live in 18 days.
No extra cost.No second team rebuilding the design. What you approve is what ships.
Your team edits it.Components and CMS your marketers publish with, no developer needed.
Products: front-end code.Working components your engineers merge, with the Figma file if you want it.
FAQ
What founders ask on the first call.
Straight answers on price, speed, AI and who owns what. Pick a question, or press Enter to go through them in order.
More questions
Ask BFSBFS · Answers in seconds0 / 14 answered
Why not hire a designer?
A senior hire takes months to find and covers one skill. We cover brand, product and web design plus development from week one.
Why not just use AI?
We do, for the rough groundwork. AI can't decide what your buyer should understand in five seconds, or keep eight pages looking like one company. Senior designers make those calls.
Do you build the website too?
Yes. We design it and develop it in Framer, Webflow, Astro or Next.js, so there's no handoff between a design file and a separate developer.
We already have a designer or a brand.
Good. Design Partner adds capacity around your designer, in your files and your system. If your brand is thin, a Brand sprint tightens it first.
How fast is fast?
A launch page in 2 to 3 weeks, a site of up to 20 pages in 3 to 4. Partner gets 2 to 3 updates a week, Ultra gets 4 to 5.
What counts as a request?
Anything design: a landing page, onboarding flow, pitch deck, ad set or report. Big requests are split into pieces that land one at a time.
Can you work with our developers?
Yes. We hand over Figma with tokens and specs, or working front-end code, and review the build with your engineers.
Do you run CMS-heavy sites?
Yes, in Framer, Webflow and Sanity. Possible Finance runs 10+ custom CMS collections across 80+ pages.
Who owns the files and code?
You do, once paid: Figma files, front-end code and CMS content. We transfer the Framer or Webflow project to your account.
Can we pause or cancel?
Anytime on both monthly plans. A pause lasts at least one week, with one pause per month, so we can plan the team around you.
Do you work with enterprise procurement and legal?
Yes. Scope and price are in writing before work starts. We can work from your SOW or MSA and complete vendor forms.
What if the work isn't right?
Comment directly on the work and we revise it. Sprints include two revisions per major stage. Partner includes unlimited revisions.
How do you work across time zones?
We work async with flexible hours that cover most major business time zones, and jump on a call when needed. Time zones have never been an issue with clients in the US, UK, Europe and UAE.
What happens on the first call?
A 20-minute intro on Zoom or Google Meet. We look at your site, product and roadmap and tell you which plan fits, or that we're not the right team.
Book a call
You build the product. We design everything people see and use.
The site that brings them in, the product that keeps them and the deck that closes the deal, from one senior team.
01
20 minutes on Zoom or Google Meet, with Sam.
02
Bring your roadmap. We look at your site, product and next launch.
03
A straight answer. Which plan fits, or that we're not the right team.