- Source designs
- every page and state in scope, organized for reuse
- Components
- behavior, states and responsive rules for each one
- Page specifications
- content structure, headings and the next step on each template
- Media
- image sizes, crops and guidance for alt text
- Accessibility notes
- focus order, contrast and motion behavior
- Separate choices
- content writing, brand development, photography, licensing and ongoing optimization, each scoped before work starts
Website design
Website design that makes your offer clear and the next step obvious.
Orvenant designs websites for small and mid-sized businesses and agencies that need visitors to understand the offer, trust the company and get in touch. The work starts with your buyers’ questions and journeys, then becomes a page structure, content-led layouts and a reusable design system, reviewed in the browser at real screen widths before anything is built.
Illustration: a page builds itself from its design system, grid columns first, then type, then imagery. A numbered reading path leads from the headline through the proof to one next step, and the same page settles into a phone frame with the same next step.
A website should answer the questions behind the visit.
People arrive with a job to do. Some are checking whether you understand their problem, others are comparing options, looking for proof or trying to find a direct way to talk. A well-designed page answers those questions in the order buyers ask them and ends with one clear next step. If the offer itself is unclear, we work through that with you before drawing polished screens.
Headline
Says what you do and for whom, in the words your buyers search with rather than internal jargon.
Navigation
Labels tested against how customers describe their needs, so each audience finds its service quickly.
Service detail
What is included, what it depends on and what happens first, answered before a buyer has to ask.
Proof
Evidence a buyer can check, such as work shown with permission, the people involved and how delivery works.
Next step
One clear action per page, repeated where a decision is made instead of competing with several others.
Accessibility
Readable contrast, visible focus, keyboard paths and reduced-motion behavior, designed in from the first wireframe.
What the design phase delivers.
The proposal names the pages, states and materials in scope. Each one is something your content and development teams can review and use.
Page map and wireframes
Audiences, questions and page relationships mapped, with navigation tested against your customers’ own words and reviewed before visual design begins.
Content-led layouts
Headings, copy, images and actions planned as one experience. Service pages, overviews and contact journeys share a visual language without being forced into one template.
Design system
A layout grid, type scale, spacing, color and components with their states for desktop and phone screens, including navigation, forms, errors, keyboard focus and reduced motion.
Search-ready structure
Heading order, page titles, descriptions and internal links planned with the layouts, so the built pages are clear to search engines and AI assistants as well as to people.
View SEO services
Decisions worth making before production.
A design cannot supply missing facts. We agree who approves service claims, what proof may be shown, which languages are ready, who supplies photography and which enquiries should reach your team. Search visibility starts with useful, well-organized information; metadata and structured data support that work but cannot replace it. If you are replacing an existing site, we also review URL changes and redirects before the new navigation is locked.
Example
| Decision | Why it matters | Decided by |
|---|---|---|
| Service claims and proof | Every statement on a page must be true and approved | Your team |
| The main next step on each page | Competing calls to action split attention | Together |
| Photography and illustration | Image rights and consistency affect the whole design system | Your team, from our brief |
| Languages at launch | Each language needs its own review | Your team |
| URLs and redirects | A moved page needs a mapped destination | Together, before navigation is locked |
| Enquiry routing | Every form must reach a named person | Your team |
Review the design in the browser, then choose how it is built.
We review important journeys at real screen widths, with realistic content lengths and the input methods people actually use. This catches cramped copy, hidden controls and confusing interactions early. Feedback is recorded against the agreed goals, so a change to one page does not quietly make the rest of the site inconsistent. From there, the work takes one of two routes.
Designed and built by Orvenant
We implement the design on the CMS or framework agreed in the proposal and check every built page against the approved experience before launch.
View CMS developmentHanded to your developers
Your team receives a documented design handoff: source designs, component behavior, states and page specifications to build from.
Know exactly what the handover includes.
The final handover is defined in the proposal. If Orvenant also builds the site, we check the implemented pages against the approved designs before launch.
Some of the teams we have worked with.
Across talent, fitness, mobility, payments and local commerce.RandstadClassPassVeezuRushpaySupport Black Owned
Questions about website design.
Do we need finished copy before design starts?
You need a clear offer, the main audience questions and someone who can approve factual claims. We can plan the content structure before every sentence is final, but the design should be reviewed with realistic copy before development. If you need writing as part of the project, we agree that scope explicitly.
Can our existing brand and CMS be retained?
Often, yes. We first review the brand assets, editorial workflow and technical constraints. A visual system can work within an existing brand, and a design can be prepared for an existing CMS. If either system prevents a useful result, we explain the tradeoff before recommending replacement.
What happens if we are also changing our site structure?
We inventory important pages and URLs, decide what to keep or consolidate and plan redirects for moved content. Search performance is not guaranteed, but the migration should be treated as part of the project rather than a final technical task. See our website redesign and migration service for the wider cutover process.
How much does website design cost?
Each project is priced in a written proposal after a free first conversation. Cost moves most with the number of distinct page types, whether content has to be written or migrated, the features and forms involved and whether we also build the site. Photography, licenses and hosting are listed separately where they apply.
Will a new design improve our SEO?
It helps when it makes useful information easy to find and read: clear headings, descriptive page titles, accessible and fast pages and sensible internal links. Design cannot replace content that answers buyers’ questions, and no design guarantees rankings. If the redesign moves pages, the redirects matter as much as the layouts.
Why work with Orvenant on a website design?
Because design and build sit in one team. The people who plan your journeys can build the site on a CMS your team can edit and connect its forms to the systems you use, so nothing is lost between design and development. Your first conversation is with Gary C., our client partner, and the proposal sets out pages, scope, price and review points in writing.
Continue exploring
Continue exploring
Website redesign & migration
Website redesign and migration with content, URLs and business continuity planned together. Improve the experience while protecting the journeys people and search engines already use. For Joomla and WordPress sites, we compare the upgrade and modernization routes before choosing one.
View Website redesign & migrationWebsites & platforms
From a clear business website to a connected customer portal, we design and develop web experiences around the people who use and manage them.
View Websites & platforms
A DIRECT CONVERSATION
Bring the page your buyers get stuck on.
Tell us who your customers are and where they hesitate today. The first conversation is free, and a written proposal sets out the pages, scope and price.