Menu
Menu
Project
No.8
Name
Website Redesign
Feeld
Client
Website Redesign
Case Study
The Project
As part of a self-initiated case study, I reimagined Feeld’s article page with a focus on improving accessibility and readability for users who consume content in different ways, including those with neurodivergence or reading difficulties. I introduced features like enhanced visual hierarchy, adjustable colour settings, and optional audio playback — all while maintaining Feeld’s bold visual identity.
Sticky progress bar so user knows far into the content they are.
Audio controls with text highlight.
Light or dark mode toggle.
The Project
As part of a self-initiated case study, I reimagined Feeld’s article page with a focus on improving accessibility and readability for users who consume content in different ways, including those with neurodivergence or reading difficulties. I introduced features like enhanced visual hierarchy, adjustable colour settings, and optional audio playback — all while maintaining Feeld’s bold visual identity.
Sticky progress bar so user knows far into the content they are.
Audio controls with text highlight.
Light or dark mode toggle.
Project
No.8
Name
Feeld
Client
Case Study
The Project
As part of a self-initiated case study, I reimagined Feeld’s article page with a focus on improving accessibility and readability for users who consume content in different ways, including those with neurodivergence or reading difficulties. I introduced features like enhanced visual hierarchy, adjustable colour settings, and optional audio playback — all while maintaining Feeld’s bold visual identity.
Progress bar:
As user scrolls a sticky progress bar moves along the top of the screen to show how much of the page they have read.
Light mode:
User can toggle between light mode and dark mode, to suit the way they read best.


Audio:
Sticky bar follows user down the page allowing them to stop or start audio at anytime. Words change colour along with audio.


Links:
Links to further articles to continue the user journey.


No 1
Design System
Jo Malone London
JML
->
No 2
Website Redesign
Jo Malone London
JML
->
No 3
Customisation Tool
Jo Malone London
JML
->
No 4
Paddington
Jo Malone London
JML
->
No 5
Digital Activations
Various
->
No 5
Digital Activations
Various
->
No 6
E-Card
Jo Malone London
JML
->
No 7
JML Campaigns
Jo Malone London
JML
->
No 8
Feeld
Case Study
JML
->
No 9
HSBC
Concept
JML
->