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

  1. Identify common mistake
  2. Explain negative consequences
  3. Provide corrective principles
  4. 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

  1. opinions-polarization
  2. secrets-shortcuts
  3. 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