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

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

Start at the consulting services homepage and review the current services card grid, the linked screen-share video, and the screenshot. First confirm with Alex whether ongoing design work already covers this requirement. Done means flagship services are immediately prominent, the layout has a clear hierarchy, and the visual treatment matches SSW website standards.