The “Cases” section on the home page grew to be large, and I find it hard to read and navigate. As we’ll keep adding more client feedbacks, it will become even larger and harder to read. It’s time to adapt the design to this.
Proposed solution
[ ] Reorg the desktop “Cases” UI to look as follows:
Key changes (on desktop only):
Two columns instead of one
The column gap is 72px
Spacing between items increased to 48px
Font size of the whole section changed to 16px
[ ] Tune the mobile “Cases” UI to apply font-size: 0.75em to company descriptions (like on desktop):
[ ] For each case, add tags that would highlight what we’ve done with each client:
(For now, tags would stay non-interactive.)
Styles I used for this screenshot (just as a reference – you’re welcome to tune/reorganize if needed):
Challenge
The “Cases” section on the home page grew to be large, and I find it hard to read and navigate. As we’ll keep adding more client feedbacks, it will become even larger and harder to read. It’s time to adapt the design to this.
Proposed solution
[ ] Reorg the desktop “Cases” UI to look as follows:
Key changes (on desktop only):
72px
48px
16px
[ ] Tune the mobile “Cases” UI to apply
font-size: 0.75em
to company descriptions (like on desktop):[ ] For each case, add tags that would highlight what we’ve done with each client:
(For now, tags would stay non-interactive.)
Styles I used for this screenshot (just as a reference – you’re welcome to tune/reorganize if needed):
Here’s which tags each client would have: