@pixeldesignlab
TikTok 路 Talking Head Edit
@pixeldesignlab My client got 3 new clients in just the first week we launched her new website 馃コ here鈥檚 what we did! #webdesign #webdesigner #uxdesigner #uxdesign #website #websitedesign #redesign #websiteredesign #designer #coach #uidesign
Performance
Video #5384 路 Talking Head Edit
[01]
The creator presents a case study of a website redesign for a coach, starting with the successful outcome. She then breaks down the problems of the original 'before' site, explaining how it was cluttered and confusing, and showcases the simplified, focused 'after' version, detailing the strategic decisions behind niching down, streamlining services, and creating an emotional connection through design to sell the 'destination' rather than the service itself.
[02]
[03]
52.7KExplaining website redesign process@pixeldesignlab 路 Before/After Transformation
274.1K1.1脳Fixing common website design mistakes@pixeldesignlab 路 Before/After Transformation
54K1.1脳Explaining a website design transformation@pixeldesignlab 路 Before/After Transformation
135.5K3.1脳Designer critiques and redesigns website.@pixeldesignlab 路 Good vs Bad
194.8K2.2脳Redesigning a website for scannability@pixeldesignlab 路 Tutorial / How To
130.1K1.7脳Website redesign before and after@pixeldesignlab 路 Good vs Bad
494.4K2脳Before and after website redesign@pixeldesignlab 路 Before/After Transformation
79.8K1.4脳Numbered list for website structure@pixeldesignlab 路 Tutorial / How To
74.7KDesigner critiques and redesigns website@pixeldesignlab 路 Hypothetical Case Study
60.8KSales page design critique and fix@pixeldesignlab 路 Good vs Bad
97.4K2.1脳Web design process start to finish@pixeldesignlab 路 Tutorial / How To
61KDesigner redesigns influencer's boring website@pixeldesignlab 路 Hypothetical Case Study[04]
[05]
What stops the scroll in the first 3 seconds
Title hook 路 45%
How I designed a high converting website for a coach 馃憖馃捇
Verbal hook 路 50%
After I redesigned this website, my client got three new clients in just the first week,
Visual hook 路 5%
A split-screen layout showing a screen recording of a website on top and the creator speaking to the camera on the bottom.
[07]
The promise the opener makes, and how the video pays it back
Hook
Start with a specific, quantifiable, and impressive result, supported by social proof, to immediately establish authority and create a desire to learn the 'how'.
Payoff
Conclude by showcasing the final, polished result in its best light, often with a side-by-side comparison, to provide a visually satisfying resolution and reinforce the value of the transformation.
[08]
The structural pattern this video runs on
Framework
The Case Study Transformation
Demonstrating expertise by showcasing a dramatic before-and-after transformation, then extracting a universal principle and a core philosophical shift from the process to provide actionable value.
The 'Before' Autopsy
Visually present the initial state ('before') and critically analyze its specific flaws and strategic shortcomings. Explain *why* it was failing, validating the need for the intervention.
The Strategic Solution
Introduce the 'after' state and explain the key strategic decisions that led to the transformation. Focus on the logic and rationale behind the changes, such as simplification and specialization.
The Universal Principle
Distill the core strategic change into a simple, memorable, and universally applicable rule or principle that viewers can apply to their own situations (e.g., 'more options create more friction').
The Philosophical Reframe
Elevate the principle into a deeper, more profound philosophical concept or metaphor. This redefines the problem and solution in a more impactful way, providing a significant 'aha moment' (e.g., 'selling a destination, not a flight ticket').
The Emotional Architecture
Connect the logical design choices to the intended emotional impact on the end-user, explaining how the new version makes people feel and why that feeling is valuable.
My client got 3 new clients in just the first week we launched her new website 馃コ here鈥檚 what we did! #webdesign #webdesigner #uxdesigner #uxdesign #website #websitedesign #redesign #websiteredesign #designer #coach #uidesign
title 路 beginning
BEFORE
title 路 beginning
How I designed a high converting website for a coach 馃憖馃捇
informational 路 beginning
When I read through your website, I instantly knew I wanted to work with you! 馃グ
title 路 middle
AFTER
contextual 路 end
BEFORE
contextual 路 end
AFTER
After I redesigned this website, my client got three new clients in just the first week, and one of them was saying, when I read through your website, I instantly knew I want to work with you. Done. That's exactly what I aim for in my design. So let me show you what we did. Her website was super busy. It was packed with too much scattered information and services. It was visually overwhelming as well, so we simplified. Lucia is a phenomenal hypnotherapist and coach. And after a few years in the business, she was able to niche down because she knows exactly who her target audience is, who she likes to work with, and we also streamline and simplify her services. Remember, the more options you offer, the more friction it creates for the user. The user gets confused and might even leave thinking like, oh, I'm gonna read this later. I don't have time right no, and they never come back. And if there's one thing I want you to remember from this video, it's this. You're not selling a flight ticket. You're selling a destination. So in this case, we're not selling a therapy or coaching session. Tier selling the amazing feeling that comes afterward, how you finally feel light and confident and you gain clarity. I was trying to create that feeling of ambiance, warm, welcoming, comforting, also in the visuals no the user feels good immediately when they land on the website. But at the same time, I wanted to keep it professional. She did an amazing photoshoot, so the website feels cohesive.