Redesigning a website for scannability from @pixeldesignlab
The creator explains that people scan websites instead of reading them and demonstrates how to improve a text-heavy design. She critiques a 'before' version, then walks through her redesign process, creating a clear hero section, adding a running text bar, and structuring content to follow the Z-pattern of eye movement. She concludes by showing the 'before' and 'after' designs side-by-side to highlight the improved scannability and user experience.
Creator: @pixeldesignlab on TikTok
Transcript
People don't read nowadays. They only scan with their eyes. So what can we do to make this chunk of text easier for people to read and scan and understand what is actually going on? So we will divide it visually into two sections, and this one is called a hero section. We explain who you are, what you do, and how can you help in a clear and engaging way. I edit this section better those two sections. It's gonna be a running text on a website. And so now we continue with text on the left side bec
Topics: Design, Marketing, Graphic Design, Content Strategy
193,300 views