Prepared by
For
Frontend development
We build your designs as responsive, accessible pages and components, including the states a design file doesn’t show.
What’s delivered
- A component library. Each component built once, with its variations and states, and a note on how to use it. If it helps your designers review, we can set up a page that shows every component in one place.
- Responsive page templates. Pages put together from those components and checked at the widths in between your designs, not only at the ones you drew.
- Design tokens in the code. Colours, type, spacing and motion defined in one place, so a design change is a small code change.
- Accessible markup. Proper headings, keyboard support, visible focus, labelled controls and readable contrast.
- A list of design gaps. Every state or behaviour the design didn’t cover, what we did about it, and what still needs a designer’s decision.
What’s needed to start
- Design files we can inspect
- Your design system, if you have one
- Real or realistic content
- Browsers and devices that matter
- The codebase we’re building into
What affects the cost
- How many different components there are, and their variations
- How many page types there are
- Custom interactions, animation and charts
- Whether the designs cover mobile and the less common states
- Accessibility requirements beyond the usual standard
- Connecting to a CMS or an existing application
Usually included
- Components and page templates built from approved designs
- Responsive behaviour and interaction states
- Accessible markup and keyboard support
- Connecting the pages to a CMS or an existing backend
Not included unless agreed
- Creating the visual design
- Writing content or sourcing images
- Formal accessibility audits or certification
- Backend features, unless agreed as backend work
Dependencies
Fonts, icons and images need licences that cover web use. Embedded maps, videos and booking widgets limit how far they can be styled and how quickly a page loads.
Indicative summary. Scope, timeline and cost are confirmed in a written quote for each project.