Viral Hooks
Trending short videosContrasting bad vs good web design
M

@marcelodesignx

TikTok · 10 Shot

@marcelodesignx I’m sorry but AI websites are so bad #webdesign #ai #webdesigner #Claude #uiux

View original on TikTok

The edit1 shot · 2 text
Shots Text0:15

Performance

Views
495.3K
Likes
31.5K
Comments
495
Engagement
6.5%
Outlier
20.4×
Length · 30 Sept 2026
0:15

Video #44322 · 10 Shot

Contrasting bad vs good web designfrom @marcelodesignx

[01]

Overview

The creator first expresses frustration, using a text overlay to declare that we are in the "worst era of web design." He supports this claim by showing three examples of generic, corporate-style websites. Then, the mood shifts as he sips from a mug and a new text overlay states, "But we're here to fix it," before launching into a rapid-fire montage of dynamic, creative, and visually rich websites that represent his preferred design aesthetic.

[02]

Simple outline

  1. 1Declare a major problem
  2. 2Showcase negative examples
  3. 3Announce the fix
  4. 4Reveal the better way

[03]

Related videos

[04]

Classification

Format
Concepts
Good vs BadShowcaseHot Take
Elements
Text OverlayMontage EditingMood MusicB-Roll CutawayTitle Text Hook

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook · 85%

We're entering in the WORST era of web design

Visual hook · 15%

A man with a distressed expression runs his hands through his hair in frustration, immediately creating curiosity about the source of his concern.

[06]

Hook template

Steal this for your own video

We're entering the WORST era of [your industry or craft]

  • — We're entering the WORST era of web design
  • — We're entering the WORST era of home cooking
  • — We're entering the WORST era of personal finance advice

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

A bold, negative, and emotionally charged declaration of a problem to create immediate intrigue and controversy.

Payoff

The final, energetic montage that resolves the initial tension by showcasing a visually and emotionally appealing alternative, leaving the viewer with a sense of satisfaction and associating the creator with the positive outcome.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The Problem/Solution Flip

The video establishes a widespread problem within a niche, presents evidence for it, and then sharply pivots to position the creator/product as the superior solution, demonstrated through a contrasting, high-energy showcase.

  1. 1

    The Provocative Thesis

    Establishes a strong, negative claim about a topic, paired with a visual of emotional distress to hook the viewer and define the central conflict.

  2. 2

    The 'Problem' Montage

    Provides rapid-fire visual evidence to support the initial negative claim, agitating the problem in the viewer's mind and building tension.

  3. 3

    The Intervention Pivot

    A sharp transitional beat that introduces a shift from problem to solution, marked by a change in tone, music, and on-screen text, positioning the creator as the agent of change.

  4. 4

    The 'Solution' Showcase

    A high-energy montage of positive examples that directly contrast with the problem, delivering the payoff and demonstrating the proposed superior alternative.

Themes

  • Creativity vs. conformity
  • The state of web design
  • Aesthetic trends
  • Problem/Solution

Techniques

  • Montage
  • Contrast
  • Music shift

Trends

  • Design critique
  • Good vs. Bad examples

Post caption

I’m sorry but AI websites are so bad #webdesign #ai #webdesigner #Claude #uiux

Text overlays

  • title · beginning

    We're entering in the WORST era of web design

  • contextual · middle

    But we're here to fix it

Transcript

Turn it out by thighs. Every now and then I fall apart, and I beat you nuts.

Contrasting bad vs good web design | Viral Hooks