Clearframe · Self-directed studio project

Complex thinking.
A clear first impression.

A complete three-page website and identity for a fictional consultancy. Designed to make the offer understandable and the next step obvious.

The Clearframe homepage on desktop and mobile, with cream typography panels and a cobalt blue strategy graphic

The brief

Make the service
easier to understand.

Consultancy can be hard to describe. This sample gives a broad offer a clear structure, a distinctive identity and one consistent route to an enquiry.

Scope
Identity, homepage, services page and enquiry journey
Design
Cream, ink and cobalt. A frame motif that connects the logo, layouts and illustrations.
Build
Responsive HTML, CSS and JavaScript with local fonts and no framework dependency.
Enquiry
A local brief preview. This demonstration does not send or store submissions on a server.

Give the offer a structure.

Three clear service areas help visitors recognise their situation and choose a starting point.

Clearframe services page with three service areas and a three-stage process

Carry the idea through.

The enquiry journey keeps the selected service in view and turns the visitor’s answers into a readable brief.

Clearframe enquiry experience with the selected service and brief fields

The working experience

From first impression
to a useful brief.

A 35-second silent walkthrough of the actual site. The complete example is also available to explore.

Open the sample site

A similar challenge?

Tell me what your business needs to explain, and what visitors should do next.

Discuss a website