01 About the project
The Townsville concept organises projects into a concise visual archive and a structured register. Colour photography, clear render labels and a service index distinguish completed work from design proposals.
An independent redesign concept exploring a possible direction for this business. This is a design study, with no verified client outcomes reported.
Explore website concept (opens in a new tab)The design challenge
Make portfolio browsing engaging while keeping project context and status clear.
A different direction.
Move through the design, from the first impression to the final detail. Drag the page control or scroll inside a preview.
The original is a homepage reference. Explore the concept in full alongside it.

Archived homepage screenshot from before the redesign.
02 The design approach
The concept treats the firm's own archive as the product. Fifteen real projects are graded to one black-and-white look taken from the live site's monochrome photography, with colour on demand, and set in a wide Archivo display face. Call and Enquire sit in the first viewport of every page, and the services are laid out in the order a project needs them.
Across devices / 03
One concept.
Every screen.
Explore the desktop and mobile layouts.
Open either screen to see the detail.
Design details
Built around
the experience.
Inside the concept
- Portfolio register and photographic browsing
- Clear labels for design renders
- Service index and project context
Search & clear answers
Easy to understand.
Easier to discover.
Answer engine optimisation (AEO) means making answers easy to find and understand. Generative engine optimisation (GEO) applies the same care to content that AI search tools may use when answering a question.
How this applies to i4 Architecture
The concept connects its business identity with specific services and project information in readable page content. Descriptive section headings give the content a clear structure. These are useful foundations for search and answer-based discovery.
- What information is available beyond the photographs?
- The page includes readable sections such as Selected work; From site appraisal to maintenance plan.; Before you commit. These headings and their supporting copy explain the offer without asking readers or search tools to infer it from images alone.
Inside the website
Beyond the
first impression.
The About page, designed for i4 Architecture.
A closer look
The details,
across screens.
The Projects page, presented at desktop and mobile widths.
Explore the concept
See how it
all connects.
Open the website concept to explore the layouts, navigation, and content for yourself.
Visit website concept (opens in a new tab)