Web Design Agency in Christchurch

Then structure. Sitemap, page-by-page wireframes in greyscale, and a content brief for each template describing what has to be on it and why. We prototype the key journeys — enquiry, quote request, product find, careers — and click through them with you. Changing a wireframe takes minutes. Changing the same idea after it is designed, built and populated takes days, which is exactly why so many sites launch with structural problems nobody wanted to reopen.

Visual design follows, delivered as a system rather than a set of pictures. Type scale, colour with contrast ratios checked, spacing, buttons and their states, form fields, cards, tables, error and empty states. We design the awkward cases on purpose: the long product name, the three-line heading, the case study with no photo, the mobile view of a data table. Two structured feedback rounds, consolidated so you are not chasing your own team for comments. Then a documented handover to whoever builds it, us or otherwise.

Design-led projects are priced on how many templates have to be designed and how many distinct audiences the site has to serve. A focused site with custom design across the key page types is the entry point. A full design system with multiple templates and a considered conversion path per audience costs roughly twice that, because each audience path is effectively a second site to design. Standalone work — a UX audit with prioritised fixes, a conversion review of an existing site, or a design system for a team that already has developers — is the cheapest way in, since there is no build attached. Every engagement ships you the Figma file, the component library and the design tokens. You own them, and any competent developer can build from them.

Accessibility is treated as design work, not a compliance checkbox bolted on at the end. We check colour contrast at the palette stage rather than discovering at launch that the brand's mid-grey fails on white. Focus states are designed, not left to the browser default. Type sizes and line lengths are set for comfortable reading on a phone. Forms get real labels, sensible tab order and error messages that say what to fix. The practical payoff is broad: the same choices that help a screen-reader user help anyone reading in bright sun on a Canterbury worksite.

We also design for how the page is maintained. A layout that only looks right with exactly four services and a perfect 16:9 photo will be broken within a month of your team using it. So components are specified with rules — what happens with two items, what happens with nine, what happens when the image is portrait. That, plus the documented design system, is what keeps a site looking deliberate two years after launch instead of gradually turning into a patchwork.