XINNOTION / WEBSITE DESIGN

A thoughtful website.
A clearer brand.

From content structure and brand direction to responsive development, we create clear, distinctive and usable websites for businesses, creators and professional teams.

STRUCTURE / IDENTITY / EXPERIENCE

BUILT AROUND YOUR PURPOSE

Your purpose first.
Your website follows.

01 / YOUR STARTING POINT

Brands & businesses

Organize your story, services, products and contact details so visitors quickly understand your offer.

02 / YOUR STARTING POINT

Creators & professionals

Build a distinctive portfolio or personal website around your work, expertise and ways to collaborate.

03 / YOUR STARTING POINT

Existing website redesign

Revisit structure, mobile reading and enquiry journeys so your existing content becomes easier to discover.

FROM CONTENT TO LAUNCH

More than a page.
A considered experience.

01

Content & structure

Define audiences, page hierarchy, navigation and key copy around visitors’ questions.

02

Visual & brand direction

Translate your character into a consistent system of typography, color, imagery and layout.

03

Responsive design

Design readable content, navigation and forms for desktop, tablet and mobile.

04

Features & integrations

Scope enquiry forms, content editing, multiple languages or booking integrations around your needs.

05

Testing & essential optimization

Check links, functions, keyboard use and image loading, and organize page titles, descriptions and search basics.

06

Launch & handover

Confirm content and domain setup, deploy the site and explain ongoing editing and care.

THE MAKEOVER / BEFORE & AFTER

Same business.
A whole new impression.

Drag the divider to explore a website makeover. Three fictional businesses, reimagined from 1990s-style pages into a modern experience.

Ember & Olive — modern redesign conceptEmber & Olive — 1990s-style conceptBEFOREAFTER

Ember & Olive

Restaurant · From a busy menu to an inviting table.

01 / 03

Concept demonstrations with illustrative photography, not actual client before-and-after projects.

Drag or use arrow keys · Switches every 10 seconds; pauses while you explore.

Let’s reimagine your website ↗

A CLEAR WAY TO WORK TOGETHER

Clear steps.
Shared decisions.

01

Define

Agree audiences, goals, content and essential features.

02

Design

Approve the structure and representative pages, then extend the design.

03

Build

Build responsive layouts and agreed features, then check the user journeys.

04

Launch

Approve final content, publish the site and provide handover guidance.

START WITH WHAT YOU HAVE

Your next website
starts here.

Share your current URL, brand materials, visual references and what you want to improve. Together we will define pages, features and deliverables.