Custom Website Design Development

Custom website design is a layout created for one company's brand, audience and goals, without a ready-made template. It is drawn in Figma from an approved prototype: the home page, inner pages, the mobile version and a component kit for development.

How custom design differs from a template

A template works when you need to test an idea or launch a page for an event. For a company competing in search and advertising, the look and usability of the site affect whether a visitor sends an enquiry.

When do you need custom website design?

• The company has a brand identity and the site must match it.
• The site competes with strong players in the niche and needs to stand out.
• You need non-standard blocks: plan comparison, a configurator, online booking, a customer account.
• You plan to grow through Google, and the structure is built around search queries.
• The brand relies on image: architecture, property development, premium services. An image website fits these goals.

How the design process works

1. Brief. Site goals, audience, services, examples you like and dislike.
2. Competitor review. What leading sites in the niche show and where they fall short.
3. Prototype. Page structure and journeys without colour. More in our article on website prototyping.
4. Home page concept. Style, typography, colours, photos and illustrations on one screen.
5. Inner pages. Service, catalogue, product page, contacts, blog.
6. Responsive layouts. Mobile and tablet versions of each template.
7. UI kit and handover. Buttons, forms, states and spacing in Figma for the developer.

What custom design includes

• Mock-ups of the home page and every unique page template.
• A mobile version.
• Animations and micro-interactions: hover, expanding blocks, form submission.
• A UI kit: buttons, fields, icons, cards, tables.
• Selection of photos and illustrations; icons and graphics if needed.
• By separate agreement, a logo and brand identity.

Design, speed and SEO

Design affects search directly. Heavy images and fonts hurt Core Web Vitals, and small text or low contrast makes reading on a phone hard. A good layout plans for WebP and AVIF images, a limited set of fonts, contrast in line with WCAG guidelines and a clear H1–H3 heading hierarchy. The result is a site that is easy for visitors to use and easy for Google to understand.

What affects the cost of design

• The number of unique templates: home, service, catalogue, product page, article.
• Block complexity: calculators, filters, customer accounts, animations.
• Whether a brand identity exists or has to be created from scratch.
• Custom illustrations, icons and photography.
• The number of language versions and the length of text in each.

We estimate the cost after the brief and prototype, once the list of screens is clear.

How long does website design take?

Design is part of the overall project timeline. In our experience, a landing page goes live within 3 working days, a corporate website within 10 working days and an online store within 15 working days after the brief is agreed and materials are received. The pace depends on how quickly each stage is approved. If you already have a site and want a new look while keeping rankings, that is a redesign.

Portfolio projects

• CrystalTax — custom design and structure for an international tax consultancy website, with an offshore jurisdiction comparison block
• Dental Clinic — dental clinic website design with an online booking block
• MBSoy — website for a Finnish architecture studio

FAQ

What is custom website design?

It is design created from scratch for a specific company: its style, audience, services and enquiry journeys. It is based on a prototype and handed to the developer as Figma mock-ups.

How much does custom website design cost?

The cost depends on the number of unique page templates, block complexity, whether a brand identity exists, illustrations and language versions. We give an exact estimate after the brief.

Which tool is used to design a website?

Figma is the main tool. The prototype, mock-ups, mobile version and UI kit are made there, and the developer takes sizes and styles from Dev Mode.

Can a custom design be built on WordPress?

Yes. A unique design is coded into a custom WordPress theme or a MODX template, and the owner keeps a convenient admin panel for editing content.

How many design options does the client see?

The number of concepts and revision rounds is fixed in the contract before work starts. The most practical approach is one well-developed home page concept based on the approved prototype, refined using your feedback.

Who owns the rights to the website design?

The transfer of rights is set out in the contract. Check that after payment you receive the Figma source files and the right to use the design on the website, in ads and on social media.