✨ Service Hierarchy - Improve consulting services card layout to highlight flagship offerings

[ssw-yakshaver]

Requested by: @Calinator444 via YakShaver.ai 🦬
cc: @Calinator444, @designbyalex, @brookjeynes-ssw, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (1 min 42 sec)

  Url from screen share: https://ssw.com.au/consulting?tag=Database-Development

Pain

The Consulting Services homepage currently displays all services in a flat grid with equal visual weight. This makes it difficult for users to quickly identify SSW’s flagship offerings (e.g. AI services). Introduce a clear, tiered hierarchy for services so the most important offerings are displayed first and more prominently (e.g. larger or visually distinct cards). This work should be aligned with the current SSW website design direction. Before starting, confirm with Alex whether this is already covered in his ongoing design work.

Acceptance Criteria

1. Consulting Services homepage presents services in a clear hierarchy rather than a flat, uniform grid.
2. Flagship services (e.g. AI services) are visually more prominent than secondary services (size, placement, or styling).
3. Primary services appear first and are immediately discoverable without searching.
4. Visual treatment aligns with overall SSW website design standards.
5. Designer input is incorporated (either via Alex’s existing design or new design exploration).
6. Confirmed with Alex whether this requirement is already addressed before implementation begins.

Screenshot

Figure: Consulting services homepage lacks service hierarchy in card grid