Three Simple Steps, without a photograph

The photograph is gone from this section, so the three steps have the full width to themselves and have to carry the design on their own. Every board below uses the AISV copy verbatim and keeps the two calls to action at different levels: the assessment sits inside step one, because steps two and three are not possible until it happens, and Book a Consultation closes the section as the direct path.

Two things to judge, and they pull against each other. Does it read as a sequence rather than as three parallel options? A row of three equal columns is the fastest to scan and the worst at saying in this order. And does step one look more important than the others without the type getting louder? Ground colour, rule weight and position can all do that; a bigger heading just makes the section shout.

1Three across, step one holds the groundThe conventional answer, and the most scannable. Three equal columns under a full-width heading, step one on the LAW cream ground with the assessment button inside it. The rule above each column is the tell: steps two and three get NIGHT, step one gets DAY, so the eye lands on it first without the type getting bigger. Weakness: three columns say three options as readily as they say three steps, and nothing here carries sequence.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

Book a Consultation
2The stepped stairThe layout itself is the metaphor: each row starts further right than the one above, so the left edges draw a staircase down the page. This is what recovers the idea the photograph was carrying, without an image and without a diagram. Sequence is unmistakable because you physically descend. Weakness: the indent costs step three 300px of measure, and on a narrow screen the stair has to collapse to a flush stack, which loses the whole point.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

Book a Consultation
3Connected railA process line. Numbered discs joined by the same dotted rule the page already uses for list rows, with step one filled NIGHT and gold so it reads as the live one and the others as ahead. The clearest statement of this, then this, then this in the least space. Weakness: it is the most familiar pattern here, close to every SaaS three-step section, and the discs add a third circular shape to a page that already has the coverage ring and the numbered badges.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

Book a Consultation
4Step one as the anchorAsymmetric, and the only board that argues rather than lists. Step one takes a full cream panel with an 88px numeral and the assessment button; two and three sit beside it as quieter rows on dotted rules. This is the layout that says step two and three cannot happen without step one, which is the actual hierarchy of the section. Weakness: it makes a promise the copy has to keep, so if the client ever wants the three weighted evenly this design fights them.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

Book a Consultation
5Editorial rows, oversized numeralsFull-width rows separated by the dotted rule, each led by a very large tinted numeral set at 13 percent NIGHT so it reads as structure rather than decoration. Step one sits on cream and bleeds past the text column. The calmest of the five and the closest to the rest of the page, since it reuses the dotted language from the accordion and the services list. Weakness: calm is close to flat, and the numerals are doing a lot of work; at small sizes they may read as watermark noise.

Protecting Your Business Starts With Three Simple Steps

01

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
02

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

03

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

Book a Consultation

Connected rail, proofed

Book a Consultation moves out of the section footer and under step two. That is right on the merits: step two is "Meet with Equinox to discuss your business", so booking the meeting is not a closing flourish, it is the step itself. Each step now carries its own action at the point it is described, and step three correctly carries none, because it is what Equinox does rather than what the reader does next.

It creates one problem worth solving before shipping. Two buttons now sit side by side in adjacent columns and they compete. The gold button is the page's primary action colour, so whichever step holds it wins the eye, and on board one that is step two, which is the opposite of the hierarchy this section is arguing for.

1As asked, straightThe assessment stays NIGHT under step one; Book a Consultation moves under step two, where it belongs, because step two is meeting Equinox. The bottom call to action is gone, so the section ends on step three. Two problems are visible immediately. The gold button outranks the navy one, so the eye lands on step two and the filled disc on step one is not enough to win it back. And because the three descriptions are different lengths, the two buttons stagger at some widths and not others: level at 1440 and 1500, 29px apart at 1360, level again at 1300. Intermittent misalignment is worse than constant, because it only shows up on somebody else's screen.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

Book a Consultation
3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

2Same, with the buttons on one baselineIdentical to board one except the columns stretch and each button is pushed to the bottom of its column, so both sit on a shared line regardless of how long the copy above them runs. This is a fix to keep whichever hierarchy you choose, not a variant in its own right. Boards three and four both use it. Measured, the button bottoms now sit level at every width. Their tops still differ by 19px below 1440, because the assessment label is long enough to wrap to two lines while Book a Consultation stays on one. If that bothers you the answer is the label, not the layout: the page has already named the assessment in full further up, so this button can read Take the Assessment.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

Book a Consultation
3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

3Assessment promoted, consultation quietenedThe hierarchy inverted to match the argument: the assessment becomes the gold button because it is step one and the transitional front door, and Book a Consultation drops to an outline so it reads as available rather than urgent. The eye now lands on step one first and the rail still offers the direct path to anyone ready for it. This is the board I would ship.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

Book a Consultation
3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.

4Both quiet, the disc does the rankingNeither button is gold. Both are NIGHT, and step one is distinguished only by the filled disc and its position at the head of the rail. The calmest option and the most even-handed, which is its weakness: with no gold anywhere the section loses the page's primary action colour entirely, and Book a Consultation is the one thing the whole page is ultimately for.

Protecting Your Business Starts With Three Simple Steps

1

Assess

Take the Business Legal Health Assessment to identify potential gaps, risks, and areas that may need attention.

Take the Business Legal Health Assessment
2

Prioritize

Meet with Equinox to discuss your business, understand your most important legal needs, and create a practical plan.

Book a Consultation
3

Protect and Grow

Put the right contracts, policies, documents, and ongoing legal support in place so you can lead your business with confidence.