ContraVetted top 1% designers & developers

Your remote design team.
Built for SaaS.

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.

For SaaS teams from seed to Series C, and enterprise teams that need more design capacity.

Raised by our clients

$270M+

Across clients. One exit at $730M.

Clients

53

Since 2023.
Formerly WealthiSteps.

Websites and products

74+

Designed, built, live.

Verified rating

5.0

Verified

“They took our vision and elevated it.”Nathan Maggio · Possible Finance

Our clients

  • Possible Finance
  • Paramark
  • Sydecar
  • ClearGrid

What's holding you back

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

  1. 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.

  2. 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.

  3. Every launch waits on design.

    Launch pages, feature updates, campaigns and investor decks all queue for the same few designers, or for none.

  4. You look like three different companies.

    Your site, your app and your deck don't match. Buyers and investors notice before you do.

  5. 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.

  6. Hiring a design team takes months.

    Senior designers are slow to hire, expensive to keep and painful to scale down when the roadmap changes.

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.

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.

  1. 01 Website
  2. 02 Product
  3. 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, SayBloom Shark TankFounder, Beulr 4 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';
2 
3export default defineStack({
4  design: ['figma', 'blender'],
5  // explore, prototype, decide
6  build: ['framer', 'webflow', 'next',
7          'react', 'astro', 'tailwind'],
8  motion: ['gsap', 'three', 'lottie', 'rive'],
9  // motion that explains
10  cms: ['sanity', 'webflow', 'framer', 'notion'],
11  // your team publishes, not us
12  ship: ['vercel', 'cloudflare', 'github'],
13  manage: ['linear', 'notion', 'trello'],
14  talk: ['slack', 'discord', 'email'],
15  // we join your Slack or Discord
16});

mainBuild passed7 groups · 25 toolsLn 4, Col 33TypeScript

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.

WorkClientNumbersStatus
Case fileOpen the case
“They took our vision and elevated it.”Nathan Maggio · Creative Director
Case fileOpen the case
“BFS is quick and efficient. They helped us build out a module in Framer for our upcoming launch.”Pranav Piyush · Paramark
Case fileOpen the case
“They got the vision instantly and delivered a clean, modern, high-performing website in 18 days.”Sami Salti · ClearGrid
Case fileOpen the case
“They have done wonders for our website. We plan to continue using BFS for as long as they’re able to work with us.”Gavin Freeman · Sydecar

Across eight clients, $270M+ in public equity and debt funding. Acquisition price excluded. Company context, not our result.

How it works

Anyone can generate a page. We ship the one that converts.

One board, six steps, real people on every card. Senior designers and developers lead. AI only speeds up the groundwork.

HirelyWebsite refresh / Call0 / 11 shipped

20 minutes on your product, buyer and blockers. You leave with a plan and a price, or an honest “not us.”

Requested0

Scoped0

In progress0

In review0

Shipped0

HIR-01Call

Kickoff call: who hires, one goal

SMDay 0

HIR-01Kickoff

HIR-02Plan

Sitemap: 6 pages

SMDay 0

HIR-02Sitemap

HIR-03Plan

Wireframes: home, 6 sections

LPDay 1

HIR-03Wireframes

HIR-04Design

Hero + nav

LPDay 2

HIR-04Hero + nav

HIR-05Design

Social proof logos

LPDay 3

HIR-05Logo wall

HIR-06Design

Features grid + quote

LPDay 4

HIR-06Features grid

HIR-07Build

Hiring workflow sections

DKDay 5

HIR-07Workflow

HIR-08Build

Customization + setup steps

DKDay 7

HIR-08Setup steps

HIR-09Build

CTA + footer

DKDay 8

HIR-09CTA + footer

HIR-10Launch

SEO + performance pass

DKDay 9

HIR-10SEO + speed

HIR-11Measure

Analytics events: demo_click

SMDay 10

HIR-11Events live

staging.hirely.framer.website

Live
Hero + nav
Social proof logos
Features grid
Hiring workflow
Customization + setup
CTA + footer

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 MaggioNathan 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

SayBloom teamApp founders · Apr 2024

★★★★★

“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
Choose a sprint
Regular price$4,999
Launch discount−$1,100
Total · Launch Launch offer$3,899

Launch: up to 5 pages in 2–3 weeks. Positioning, design and build, CMS-ready. Two revision rounds per major stage.

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.

tubecut.framer.website Open live ↗
Tubecut hero: Fast. Safe. Simple. you tubecut ter, Download Mac App
tubecut hero · each element and the code that ships it
hero.tsx + hero.cssbuild passed
01// hero.tsx · tubecut02export function Hero() {03  return (04    <Section tone="night" glow="violet">05      <Nav>06        <Logo mark="play" word="tubecut." />07      </Nav>08      <Display className="display">09        Fast. Safe. Simple.10        you <Chip glow>tubecut</Chip> ter11      </Display>12      <Lede className="lede">{cms.hero.lede}</Lede>13      <Button className="cta" icon={<Apple />}14        track="mac_download">Download Mac App</Button>15      <Keycaps keys={["⌘", "C"]} float />16      <FormatStack items={["MP4", "MP3", "WEBM"]} />17      <TrimTimes start="01:26.5" end="05:43.8" />18    </Section>19  );20}2122/* hero.css */23.logo { font: 500 34px/46px system-ui; letter-spacing: -1.28px; }24.display { font: 500 64px/72px system-ui; letter-spacing: -1.28px;25  background: linear-gradient(112deg, #fffc, #fff4d); }26.chip { border-radius: 14px; background: var(--violet-glow); }27.lede { font: 400 16px/24px system-ui; color: rgb(255 255 255 / .7); }28.cta { padding: 10px 26px; border-radius: 10px;29  background: linear-gradient(80deg, #a6a8ff, #8190fe,      #a28af8, #c4bbfb);30  box-shadow: 0 4px 4px #0004, inset 0 1px #fff5; }31.keycap { width: 64px; rotate: -12deg; animation: float 6s infinite; }32.format { width: 88px; rotate: var(--tilt); }33.trim { width: 176px; backdrop-filter: blur(12px); }

Nav

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 seconds 0 / 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.

Sam M, BFS founder

Book a fit call

Sam M · Founder, BFS

20 min · Zoom or Google Meet

Demo slots

MonthPick a day

MoTuWeThFr

No time picked yet

Confirm

Calendar not loading? Open the booking page