Skip to content
Surhay•Design

Included

  • Structure & site plan

    Which pages exist, in what order they argue, and where the contact path sits — written down before anything is designed.

  • Clickable draft

    Your homepage and key subpages as a working prototype at desktop and mobile widths. You click through it before any code exists.

  • Design system

    Colours with measured contrast ratios, a type scale, spacing, buttons and form fields. Decided once, applied everywhere.

  • Copy scaffold

    Headlines, subheadings and calls to action written out in the draft — no lorem ipsum you cannot judge anything by.

  • Responsive behaviour

    How every section behaves between 320 and 2560 pixels is part of the draft, not something discovered during the build.

  • Accessibility from the draft on

    Contrast, focus states, type sizes and operating order are settled in design, not patched in afterwards.

Process

From first call to launch — in four steps.

  1. 01

    Understand

    Who should act on this site, and what stops them today? We look at your offer, your market and the websites you compete against.

  2. 02

    Structure

    The site plan and the order of arguments come first. That decision costs minutes in a structure and days in a finished design.

  3. 03

    Draft

    One fully designed, clickable draft. You give feedback in two rounds — after that the draft is approved and the scope is fixed.

  4. 04

    Handover

    The approved draft goes into development. What comes out looks like what you signed off.

Design tools

You see the website before it gets built

We design in clickable prototypes, not in pictures. You open a link, walk through your own site and sign it off — a change costs minutes here, instead of rebuilding finished code.

  • Figma

    This is where your website becomes a clickable draft before a line of code is written. You see every page on desktop and phone, and you approve what gets built.

  • Framer

    For motion and transitions that already feel like the finished browser experience while still in draft. From the same file, a landing or campaign page can also go live directly.

FAQ

Common questions, honest answers.

All questions

No — one, and a reasoned one. Three options means two of them were made without conviction. Instead you get two revision rounds on that single draft.

Yes. If a corporate design exists, we work inside it. If not, a lean design system of colour, type and spacing emerges that can grow into a brand later.

That is what the two revision rounds are for. If they do not land, the project ends after the design phase — you pay for the work done and keep the draft. A design that does not convince you will not convince your customers either.

Ready for a professional digital presence?

Let us build a website together that makes your business visible. A reply within 24 hours with a transparent fixed price.

  • Unsplash
  • Google
  • WordPress
  • Pinterest