Leadership advisory website design forShivaune Cotter

Shivaune gave us her full brand guide and every word of her copy. We followed the guide to a T and set her words into four calm pages that are easy to read.

  • Web design
  • Brand guide build
  • Leadership advisory
Visit the live site
Shivaune Cotter home page on a laptop, with her portrait beside the line Clarity in an increasingly complex world
The home page on a phone

Everything we made, counted

  • 4 pages
  • 4 ways to work together
  • 5 custom interactions
  • 1 brand guide, followed to a T

The brief

Shivaune came to us with everything ready: a full brand guide, abstract graphics, branded photos and all of her own copy. She wanted the guide followed to a T, with every page in a calm, readable order so senior leaders can take in big ideas without effort. We placed the words she wrote, page by page.

Four pages, screen by screen

01 / 05
Home page
01HomeHer portrait, The Sightlines Method and one clear way to start a conversation.
How I Help page with the heading Meaning before movement
02How I HelpFour ways to work together, each with what's included, how long it runs and what you bring.
About page with her story told in short chapters
03AboutFrom commercial pilot to 25 years inside the rooms she now advises, in five short chapters.
Contact page with the enquiry form and what happens next
04ContactA short form, then exactly what happens next.
A quote over a soft-focus photo on a phoneHome page on a phoneThe process timeline on a phone
05MobileEvery page reworked for phones, graphics and timeline included.

Her brand guide, followed to a T

Shivaune's colours, type, monogram and abstract graphics, used exactly as her guide sets them out.

  • Deep forestHeader, footer, type#1C231E
  • StonePage ground#C0BEB1
  • MilkLogo, type on photos#F4F2EC
  • Pale stoneHow I Help panels#DAD8CF
Her SC monogram and wordmark, from the guide.
Tamil Sangam MN in use on the How I Help page: The Sightlines Method heading and package names

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789 ™ → &

  • Regular400
  • Labels400, capitals

One family at one weight does everything: big headings, small capital labels like FOR LEADERS and all of the body copy.

Five custom interactions

Movement kept quiet to suit her brand. These are the five interactions we built into her site.

01

Sightlines that draw as you scroll

On the home and About pages, fine lines draw themselves as you scroll, echoing the sightlines in her method.

Three lines starting to draw below Most advisors bring one of three thingsThe three lines curving in towards one point
A drawn line beside the home page heading on a phone
02

Her graphics, set in motion

Each package on How I Help has an abstract graphic in her style, built in code so it slowly turns, pulses or glows.

The Sightlines Rewire with a slowly turning ring graphicThe Sightlines Intensive: Immersive with a glowing aperture graphic
A dotted ring graphic on a phone
03

Quotes that fade over soft focus

Four of her lines fade in and out, one by one, over a soft-focus image on the home page.

The quote Stand in the fog and sketch a new horizonThe quote The questions are bigger than the answers
The quote Listen to the whisper that won't stay quiet on a phone
04

A timeline that fills as you read

The four steps of how the work unfolds light up one after another as they come into view.

Process timeline with the first steps filled inProcess timeline with all four steps filled in
The timeline stacked on a phone
05

A header that steps aside

Over the hero only her monogram and menu show; scroll and a slim deep-forest bar with her wordmark takes over.

Hero with only the SC monogram and menu at the topAfter scrolling, a deep-forest bar with her wordmark
The wordmark bar on a phone

Project facts

Client
Shivaune CotterStrategic sensemaking advisor for leaders and teams, and founder of The Sightlines Method™
Industry
Leadership advisory
Location
Melbourne
What we did
Web design and build, to her brand guide
Pages
4
Built on
WordPress + Elementor
Launched
2026

Want a website like this?

We design and build custom WordPress websites for Sydney businesses, from the brand up.

VQS Fire website home page Next projectVQS FireFire protection A trust-first website for a Sydney fire protection company.