Before and after website redesign from @pixeldesignlab
The creator critiques a poorly designed 'About' page, then walks through a complete redesign process in a design tool. She explains key principles for improvement, focusing on shifting the content from a self-centered biography to an audience-focused narrative and breaking up the visual layout into digestible, engaging sections with clear calls to action.
Creator: @pixeldesignlab on TikTok
Video format
Split screen
Video outline
- Identify common mistake
- Explain negative consequences
- Provide corrective principles
- Reveal transformed result
Hook overview
Present a visual example of a common, flawed execution ('Before') and immediately label it as a critical error that viewers are likely making.
Title hook
No One Reads Your About Page π€·ββοΈ Here's How to Fix It (wait for it)
Verbal hook
Welcome to my site. One image and a huge chunk of text that no one will read is the worst thing you can do on your about page.
Visual hook
A split-screen view showing a speaker in the bottom frame and a screen capture of a poorly designed website labeled 'BEFORE' in the top frame.
Hook strategies
- opinions-polarization
- secrets-shortcuts
- transformation-payoff
Payoff
The Synthesis Formula: Summarize all the corrective principles into a final, memorable recipe for success, visually validated by the fully revealed 'After' state.
Narrative framework
The 'Before & After' Expert Fix
Narrative framework logic
Identify a common, costly mistake within a specific domain, then systematically break down the principles and visual steps required to fix it, culminating in a satisfying transformation.
Narrative framework breakdown
- frameworkName: The 'Before & After' Expert Fix
- frameworkType: Standard Narrative
- coreLogic: Identify a common, costly mistake within a specific domain, then systematically break down the principles and visual steps required to fix it, culminating in a satisfying transformation.
- confidence: 95
- pendingStatus: created
Topics: Design, Marketing, Branding, Graphic Design
Concepts: Before/After Transformation, Good vs Bad
Formats: Split screen
Elements: Screen Recording, Text Overlay
Account types: Personal Brand, Brand
Transcript excerpt
Welcome to my site. One image and a huge chunk of text that no one will read is the worst thing you can do on your about page. The about page is one of the most critical pages on any website, yet it's often so misunderstood, and these mistakes can cost you money. So let me show you how to do it right. We're going to focus on both content and visuals. Usually, people turn the entire about page into a biography. Like, welcome to my site. My name is Veronica. In 2003, I started this company blah blah blah. No one cares. Stop focusing solely on yourself. Even though your background is important, it should always connect back to how you solve problems for your audience. And now let's talk about visuals. Your website needs to be attractive and engaging. Please avoid long, heavy blocks of text. Instead, divide the page into sections with shorter copy. When you structure the text with headlines, sub headlines, and body text, it becomes easier to read and even easier to scan. So don't underestimate the about page on your website. Remember, effective about page combines very good storytelling, social proof, and strong call to action to connect with your visitors and guide them toward taking
478,200 views