Four Function

A custom website for an employee benefit plan audit firm

The Four Function homepage scrolling on a laptop, from the hero with the headline Employee Benefit Plan Auditors through the values, team, plans, audit process and FAQ to the footer

The look

Warm neutrals, a refined serif and generous space. I kept the page calm, so it feels high-end, not generic.

Palette and type poster: five swatches, Ink Navy #0E1B2D, Slate #343A3F, Warm Taupe #A69B8E, Ivory #F2EEE8 and Bronze #B2814A, each with its role and its share of the homepage (Ivory 61%, Warm Taupe 9%, Ink Navy 8%, Slate and Bronze under 1%), a bar showing those shares, and the type: Marcellus for headlines, Montserrat for body, buttons and labels, and the logo in Trajan Pro 3 Semibold and Montserrat Medium
Palette and type
The Four Function homepage scrolling on a phone, from the hero through the values, team, plans, audit process and FAQ to the footer
Homepage scroll · Phone

The approach

The firm’s four values, Clarity, Confidence, Control and Value, sit in one clean list. Each gets one short sentence, so the promise is easy to scan.

Clarity, Confidence, Control and Value in a ruled list on a warm gray band, each with one short sentence beside it
The approach · Desktop

The process

Five steps, Align, Gather, Audit, Address and Complete, laid out as a timeline. A client can see the whole audit before it starts.

Five audit steps along a thin gold line: Align, Gather, Audit, Address and Complete, each with a short description, and below them the line Clear expectations at the beginning. Communication throughout. No pile-up at the end.
Audit process · Desktop

Built for questions

The FAQ sits near the end of the page in a short ruled list. Each answer opens in place, so the page stays short.

Frequently Asked Questions with the first question open to its answer, followed by six closed questions in a ruled list
FAQ · Desktop

On every screen

I built every section to work on a phone. The layout stacks in the same order, with the same type and colors.

Three phones side by side showing the Four Function site: the hero, the four values, and the FAQ with one question open
Phone · Hero, approach, FAQ