What is website design and development?
It's planning, designing, building and launching a website. Design covers how it's laid out and how it looks. Development is building it so it works and is easy for you to edit. We draw the layout in Figma, agree it with you, then build it on the platform that suits the site, and set up tracking and forms before launch.
Two jobs in one
Design decides how the site is laid out, how visitors move through it and how it looks. Development builds that design into a live site that works and that you can edit.
How a project runs with us
- Plan. We look at your goals, your visitors and the pages that need to bring in enquiries or sales.
- Design. We draw the pages in Figma. You comment on the file, and nothing is built until the layout is agreed.
- Build. We pick the platform for the site. Webflow includes hosting and a CMS your team can edit. This website is built in Astro and Keystatic, and we can use the same where a site needs custom code. For shops, we use Shopify, and we've built a Webflow storefront on Shopify.
- Tracking and forms. We add a Tag Manager container and forms that go somewhere useful before launch, so the first visitor is already counted.
- Launch and after. We test, publish, and carry on looking after it if you want us to.
Moving from WordPress
We don't build or maintain WordPress. If you're on it, we'll move you to Webflow or Astro, whichever suits the site.
Learn more about our Website Design and Development service.
The tools in this answer
Also worth asking
Other answers about the same tools.
How do you integrate Adobe Photoshop into modern marketing workflows?
Photoshop is where an image gets prepared. We design the page or ad layout in Figma, then export the image at the size the layout needs and compress it before it goes on a page or into an ad.
For one shop we built a Photoshop template for its product photos, with fixed export names and a three-stage compression pipeline.
How does Adobe Photoshop compare to Figma for design work?
They do different jobs. Figma is for layouts: pages, ads, components and feedback from your team. Photoshop is for the image itself: retouching, cut-outs and compositing.
Our design work happens in Figma, and we've used Photoshop for the picture itself, in the product image template we built for a shop.
How do you integrate Figma with other marketing and development tools?
Figma sits at the start of a build. We agree the layout in the file with you, then it's built on the platform that suits the site: Webflow, or code when a site needs it.
Figma also has an MCP server that lets an AI coding tool read a file's layout, components and variables. We can connect it to our coding tools.
How do you use FigJam for marketing strategy and brainstorming sessions?
FigJam is Figma's online whiteboard. It's handy for mapping a customer journey or sketching a campaign with a group, because everyone can add notes to the same board at once.
Our own design work happens in Figma files rather than FigJam boards, so we don't run FigJam as a service. Tell us if your team already uses it and we'll work with your boards.
What does Figma cost and which plan should you choose?
Figma has a free Starter plan, then paid Professional, Organization and Enterprise plans billed per seat. Seats come in three kinds: Full (design), Dev and Collab. At the time of writing (21 October 2026), a Full seat is $16 a month on Professional and $55 on Organization. Figma's page didn't state Professional's billing period, so check figma.com/pricing.
When we design for you, we work in our own workspace and add you to the file to comment on it. If your team keeps editing afterwards, the seat you need depends on what each person does.
Still have questions?Talk to us
Bring your numbers.
We'll tell you if the spend makes sense.
- A 15-minute callYour goals, your challenges, and whether we're the right fit.
- A 1-hour discovery callWe dig into your numbers. Worth a hundred emails.
- A concrete planAds, a custom build or both, as a one-off project or ongoing.