Website and app design in Figma, approved before a line of code.
Moving a button in Figma takes a minute. Moving it after the site is built can take a day. So we design every screen in Figma, click through it as a prototype with you, and only start building once you’ve approved it. You can also hire us for design alone if your developers are in-house.
- Version 1 live in
- About 2 weeks
- Deliverables
- Figma files and a clickable prototype
- Pricing
- Fixed fee, quoted in writing
Who it’s for
- Businesses planning a new website, store or app
- Teams with developers who need designs to build from
- Products that look dated or confuse users
- Founders who want to see and test an idea before paying for development
What we cover
- Discovery: goals, users and the actions each screen must drive
- Wireframes for structure before visual design
- Visual design for every screen, desktop and mobile
- Clickable prototype you can test with real customers
- Design system: colours, type, buttons, forms, components
- Developer handoff with specs and assets
- Two rounds of revisions
Version 1 first, then upgrades.
We put a working version live on a fixed date, then keep adding to it as real customers use it. It won’t have everything on day one, and that’s deliberate: the first month of real use tells us what to build next.
Version 1
Live in about 2 weeks
- Wireframes for the key screens
- Visual design for desktop and mobile
- A clickable prototype
- Developer handoff with specs and assets
Upgrades after launch
Added after launch in short rounds, each priced before it starts.
- More screens and flows
- A full design system: colours, type and components
- Prototype testing with real customers
- Redesigns based on what analytics shows
The clock starts once we agree the brief. Anything not in version 1 is an upgrade, priced in writing before it starts.
What you own when it’s done
- Figma files in your account
- Exported assets and a style guide
- A prototype link to share with your team or investors
How it works
Days 1 to 4
Discover and wireframe
Goals and users, then wireframes for the key screens.
Days 5 to 9
Design
Visual design and the design system, reviewed with you.
Day 10
Prototype and handoff
Clickable prototype, revisions, and files prepared for development.
Questions about UI and UX design in Figma
Yes. Files are organised and annotated so any developer can build from them. We’re available for questions during their build.
Yes. We start from what works in your current site and its data, and change what doesn’t. Often the biggest gains are in navigation, forms and product pages rather than the look.
Two rounds at each stage, which is enough for most projects when decisions are made by one or two people. More rounds are quoted by the hour.
We can move an upgrade into version 1 and set a later date; your quote can show both options side by side. Most clients launch first, because real customers using the site show which upgrades are worth paying for.
Content or photos arriving late, more rounds of changes than agreed, or features added after the scope is signed. Your quote lists what we need from you and by when, so the date holds.
Often paired with
Tell us about your project.
A person reads every enquiry. If you know what you need, pick the service and we’ll send a written scope and quote. If you don’t, pick the free strategy call and we’ll work it out together.
Rather write? coffee@77labs.in