Figma design
Website design in Figma, ready to be built.
Wireframes, a design system and responsive layouts in one file: components, button and field states, grids and real text lengths. The developer opens the file and works, instead of asking what happens to a block on mobile.
We can deliver design only — or design and development in one flow.
A pretty picture and a working layout are different things. A layout becomes workable when it has components, states, behaviour on narrow screens and an answer to “what happens when there is twice as much text”.
Our approach
A proven path to the result.
- 01 Inputs Business goals, audience, references, brand constraints and technical requirements.
- 02 Structure A map of pages and blocks: what a person should understand and do on each screen.
- 03 Wireframes Black-and-white schemes for the key pages — quick to change while there is no colour yet.
- 04 Visual language Typography, palette, grid, image style and element behaviour.
- 05 Layouts Desktop and mobile for every template, plus states and empty screens.
- 06 Handover A file with components, fonts, icons and notes for the developer.
Scope of work
What is included in the service.
Wireframes
Schemes for the key pages before visual design starts.
Design system
Colour, typography, spacing, buttons, fields, cards and error messages.
Page layouts
Home, a service or category, a product page, contacts, the form and utility pages.
Responsive design
A mobile version of every template, not one “desktop” picture.
Interface states
Hover, focus, error, success, empty list, loading.
Icons and graphics
One consistent icon set and images prepared in web formats.
A file built for development
Structured pages, named layers, components and auto layout.
Why BiiD
Not a checklist. A system that works.
Questions get answered in the layout rather than after everything is coded.
We stress-test layouts with long headings rather than short placeholder text.
New pages are assembled from components that already exist in the system.
Any designer can continue the work, not only us.
FAQ
Questions we get asked most often.
Yes. You receive a Figma file with layouts, components and a design system — any development team can pick it up.
Usually six to eight templates: home, a service page, the service listing, about, contacts, a blog article and utility pages. Everything else is assembled from the same blocks.
Revisions are built into every stage: the wireframe, the visual language and the layouts. We agree the number of iterations at the start so the work does not turn into endless approval rounds.
Yes, if you have one — we use its colours, fonts and rules. If there is no brand book, we assemble a minimal visual system within the project.
A Figma file with named layers and components, fonts or links to them, icons as SVG, prepared images and notes on how blocks behave across screen sizes.
Services
What we can help with.
Let's talk
Describe the task — we will tell you how to solve it.
Even if you do not end up needing our services. One conversation, after which you have a clear next step.