Website redesign before and after from @pixeldesignlab

The creator critiques a virtual assistant company's website homepage, pointing out specific design flaws like wasted space in the header, poor information hierarchy, an unbalanced banner, and generic stock photos. She then presents her own redesign, explaining her choices to create a clearer, more engaging, and visually appealing user experience. She details her new layout, color palette, and focus on highlighting key services immediately to better capture audience attention.

Creator: @pixeldesignlab on TikTok

Video format

Greenscreen Talking Head

Video outline

  1. Identify common problem
  2. Critique bad example
  3. Introduce new approach
  4. Reveal improved version
  5. Explain winning strategy

Hook overview

State a high-stakes, relatable problem that the target audience fears, immediately positioning the video as a valuable solution.

Title hook

You lose interest on your website

Verbal hook

You lose your audience interest the moment they land on your website if your homepage is boring.

Visual hook

A split screen showing the speaker on the bottom and a screen recording of a website on top, with a large red 'X' drawn across the website, immediately signaling a critique or problem.

Hook strategies

  1. opinions-polarization

Payoff

Conclude by framing the solution as the definitive answer for a specific, desirable goal, cementing the creator's authority and leaving the viewer with a clear, actionable takeaway.

Narrative framework

The Expert Redesign Blueprint

Narrative framework logic

To establish authority by identifying common flaws in a subject ('the before'), deconstructing them with expert analysis, and presenting a superior alternative ('the after') with clear justification for the improvements.

Narrative framework breakdown

  • frameworkName: The Expert Redesign Blueprint
  • frameworkType: Standard Narrative
  • coreLogic: To establish authority by identifying common flaws in a subject ('the before'), deconstructing them with expert analysis, and presenting a superior alternative ('the after') with clear justification for the improvements.
  • confidence: 95
  • pendingStatus: created

Topics: Design, Graphic Design, Marketing, Business

Concepts: Good vs Bad, Hypothetical Case Study

Formats: Greenscreen Talking Head

Elements: Screen Recording, Text Overlay

Account types: Personal Brand

Transcript excerpt

You lose your audience best the moment they land on your website if your homepage is boring. This section is unnecessarily wide. It's taking up way too much space on the screen, and I don't think your address, especially if you're not a local business, needs to be so prominent. Tier same with your phone number, I would move both to the footer. This clears up the area and allows us to focus on something far more important, and that's your message. What do you do? How can you help me? Why should I choose you? And where can I book you? And this kind of a banner isn't answering any of that. It looks super unbalanced and DIY, especially on mobile. You can tell it's just an image, and this is the most important part of your website. And then the worst thing, my favorite, you can do is to continue by welcoming people to your page with a headline like this. It's really unnecessary. You need to realize that you're speaking to your people, and you don't have that much time to convince them why they should choose you. I assume that you don't have your own photos yes. That's why I think you yes those from the photo bank, but they feel inconsistent. So I decided rather to focus on shapes, color

127,100 views