Skip to content

✨ Homepage - Apply UX and content refinements #4923

Description

@tiagov8

Requested by: @tiagov8 via YakShaver.ai 🦬
cc: @isaaclombardssw, @tiagov8, @adamcogan, @designbyalex, @joshbermanssw, @babakamyljanovssw

Hi Team!

  🟥  Watch the video (6 min 41 sec)

  Url from screen share: https://ssw.com.au

Pain

Update the SSW homepage with a series of UX, content, typography, spacing, and footer refinements based on stakeholder feedback. Improvements include updating wording and number formatting, reducing the size of the red feature cards, improving CTA readability, clarifying clickable areas, replacing the misleading SSW squares social icon, ensuring consistent US English spelling and typography, adding missing hover states, correcting footer spacing/alignment issues, and considering restoration of the last commit link and Sina logo.

Acceptance Criteria

  1. COPY - Update homepage copy to use numeric digits instead of words where appropriate (e.g. change 'three decades' to '30+ years').

  2. UI - Reduce the size/aspect ratio of the three red homepage cards and ensure the layout remains visually balanced and responsive.

  3. COPY - Rename the section title from 'difference' to 'SSW Advantage'.

  4. COPY/UI - Simplify the gray supporting text under statistics so each item uses a single concise sentence without duplicated messaging.

  5. UX - Remove the SSW squares icon used as a social/profile link if it appears misleading or Microsoft-related.

  6. UX - Add a GitHub icon where appropriate and keep the profile card area clickable.

  7. UX - Improve clarity of clickable regions within profile cards so hover/click behavior is visually consistent.

  8. UI - Ensure typography is consistent across the homepage (see "Trusted & Recognised" heading).

  9. COPY (check with Adam since we have SSW Global now) - Review all homepage text for Australian vs US English consistency and apply the correct variant intentionally.

  10. UI/UX - Add visible hover states to the region accordion link rows/interactive list items.

  11. UI - Remove the bottom border from the final item in the relevant list section.

  12. UI - Fix inconsistent vertical spacing around footer headings caused by heading margins. Ensure footer spacing above and below navigation sections is visually balanced.

  13. UX - Consider restoring the 'last commit' continuous deployment link in the footer - Related Issue: ✨ Footer - Improve spacing and add branding logos #4849

  14. UI - Consider restoring the TinaCMS logo llama in the footer area.

  15. UI/UX - Increase the size of footer/social icons slightly and improve their alignment relative to the logo.

  16. COPY EXTRA (not in the video) - change the button label from "More SSW People" to "See All SSW People"

Screenshot

Screenshot
Figure: Homepage red feature cards oversized with poor aspect ratio

Metadata

Metadata

Assignees

Labels

Projects

Status
🏗 In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions