Website design that survives the build.
We design B2B websites and product interfaces, and we design them so they can be built exactly as drawn. This is for founders and marketing leaders who need a site that looks like the company they are becoming, not the company they were at seed.
Design here is not a picture of a website. It is the type scale, the grid, the components, the states and the content model that a developer can build from without guessing.
What we do
- 01Content and structure firstWe read what you already have, decide what each page is for, and write the page outline before anyone opens a design tool.
- 02Information architectureWe map the routes, the navigation, and the path a buyer takes from an ad or an AI answer to a booked call.
- 03WireframesGrey-box layouts for every page type, so we agree on order and emphasis before visual design starts.
- 04Visual design and art directionType, color, spacing, imagery and motion, applied consistently across the whole site.
- 05A design system in FigmaTokens, components, variants and states, named so they map one to one onto what gets built.
- 06Responsive design across breakpointsEvery layout drawn for desktop, tablet and phone, including the awkward middle widths.
- 07Design for the CMSTemplates for the content that repeats: articles, case studies, jobs, locations, product pages.
- 08Product interface designDashboards, onboarding flows, settings and empty states, when the marketing site is only half the job.
- 09Build-ready handoverRedlines, a spec for interaction and motion, and a working session with the people who build it.
How we run it
We run design in four phases. Dates are set with you in the first week, and they hold because the scope is fixed at the same time.
Phase 1 · Discovery. A working call with you and whoever owns the number. We audit the current site, read your sales calls and support notes if you have them, and agree what the new site has to do. Output: a written brief and a page list.
Phase 2 · Structure. Sitemap, page outlines, wireframes. This is where arguments are cheap. We settle hierarchy, navigation and the content model here so visual design is not relitigating structure.
Phase 3 · Design. Art direction on two or three key pages first. Once the direction is agreed, we design the rest of the pages and build the system underneath them.
Phase 4 · Handover. Redlines, component documentation, motion notes, and a live walkthrough with the build team. If we are building it, this phase folds into development.
What you get every week. A Figma link that is always current, a short written note on what moved and what we need from you, and one call. Nothing is presented cold. If we are stuck on a decision, you hear it that week, not at the review.
Deliverables
- Written design brief and page list
- Sitemap and information architecture
- Wireframes for every page type
- Full visual design, desktop, tablet and phone
- Figma design system: type scale, color tokens, spacing scale, components, variants, states
- CMS template designs for repeating content
- Interaction and motion spec
- Redlines and developer handover documentation
- A recorded walkthrough of the system
- B2B SaaS teams from Series A to C with a site they inherited and cannot defend in a sales call.
- Companies whose product has moved on while the website stayed where it was.
- Marketing leaders who want one accountable owner for design and build, rather than a designer and a separate developer who blame each other.
- Teams that need a system, not a set of pages, because they publish often.
- Anyone who needs a logo and a full brand identity created from nothing. We design brand-aligned interfaces. We work from a brand, we do not invent one.
- Projects with no decision maker available for a weekly call.
- Teams looking for a design handed over with no view on how it will be built.
- One-off page mockups with no site behind them.
Related services
Questions we get asked
What clients say
doola
Testimonial 1 of 3
Pravin is awesome to work with, incredibly responsive, iterates fast, and will see a project through to the end! Strongly recommend working with him!
Arjun MahadevanFounder & CEO, doolaPravin has outstanding Webflow skills and an excellent work ethic. He is one of the most professional individuals I have ever worked with. He is willing to share ideas, provide critical feedback, and work as a team player. I would definitely hire Pravin again!
Leander Howard IIFounder, Spark Your SuccessPravin is simply one of the best professionals I’ve ever gotten to work with. He is dependable, creative, kind, and a great communicator. He always thinks beyond the brief to try and bring his sites to life with animations and flourishes that add character. Our agency builds accessible websites and he has always worked hard to meet our accessibility guidelines within Webflow. He is a beloved member of our team and someone I am eager to recommend.
Ty FujimuraEx. CEO & Founder of CantileverSee what we have built.
The case studies show what each client asked us to fix and what we shipped.
Tell us what you are building.
This is where a project starts. Every message on this page reaches Pravin directly.