Web design tool review anecdote from @joshfromyolkk

The creator shares his enthusiastic discovery of a web design slider called 'Smooothy,' demonstrating its features on the official website and his own project. He then reveals his embarrassing realization that the slider was made by Federico, an acquaintance he recently met, showing a selfie of them together as proof. He contrasts Smooothy with other sliders, explains why they are important for user experience, and highlights other award-winning sites that use it.

Creator: @joshfromyolkk on TikTok

Video format

Talking Head Edit

Video outline

  1. Confess embarrassing oversight
  2. Showcase impressive tool
  3. Reveal personal connection
  4. Explain core principle

Hook overview

Start with a strong, self-deprecating emotional statement about a mistake, creating immediate curiosity about the subject of the error.

Verbal hook

I can't believe I didn't notice. Honestly, it's so embarrassing.

Visual hook

A split-screen layout showing the creator's face in the bottom half and a screen recording of a website with the large title 'SMOOOTHY' in the top half.

Hook strategies

  1. curiosity-open-loops
  2. credibility

Payoff

Conclude with a strong, summarized endorsement that ties back to the personal connection, leaving the audience with both a positive feeling about the subject and the storyteller.

Narrative framework

The Personal Connection Reveal

Narrative framework logic

Frame a product showcase within a personal, humorous anecdote about the creator's connection to it, turning a simple review into a relatable story that builds credibility and engagement.

Narrative framework breakdown

  • frameworkName: The Personal Connection Reveal
  • frameworkType: Standard Narrative
  • coreLogic: Frame a product showcase within a personal, humorous anecdote about the creator's connection to it, turning a simple review into a relatable story that builds credibility and engagement.
  • confidence: 95
  • pendingStatus: created

Topics: Design, Tech

Concepts: Buying List, Anecdotal Philosophy

Formats: Talking Head Edit

Elements: Screen Recording, Picture-in-Picture, B-Roll Cutaway

Account types: Personal Brand

Transcript excerpt

I can't believe I didn't notice. Honestly, it's so embarrassing. I've had this open in my tabs for so long now because I really wanted to experiment with it. This is smoothie, a gorgeous slider. Like, sliders on websites are so important, and they're often quite difficult to get right and it's such a beautiful one and I love all their examples here I love the way they're presenting these examples as well with the controls this one's cool because it uses arrow keys left and right you can go here This one's just really cool. Just a little bit of movement on it is awesome. I even started playing around with my own tier. So this is a website still needs tweaking. But I've got the slider in here rank again, like, it's draggable. I've got clickable elements as well which is super important. It's just really really cool. But honestly what an idiot. I didn't realize I just didn't look. It's by Frederico and I met Frederico only a little while ago. Good, here's our selfies. He's so lovely. He was honestly so so lovely. And I just didn't realize, but I've Yeah. I've been playing around with smoothie sliders in my projects. There's one that you can clone in Webflow here. I must have been like

68,500 views