Analyzing a web design trend from @joshfromyolkk

The creator analyzes the 'Relats' website, identifying its scroll-controlled video as a key design trend. He compares it to a similar site, 'Terminal Industries,' to establish the trend, then breaks down the features of 'Relats,' highlighting its immersive user experience, high-quality visuals, and user control. He also examines the site's 'bento box' overview page and contrasts the desktop experience with the less interactive mobile version, concluding with praise for the award-winning design.

Creator: @joshfromyolkk on TikTok

Video format

Split screen

Video outline

  1. Declare an emerging pattern
  2. Showcase the 'best-in-class' example
  3. Reference a foundational predecessor
  4. Analyze a critical variation
  5. Deliver a validated conclusion

Hook overview

Make a bold, authoritative declaration about a new trend or pattern, creating immediate intrigue and positioning the creator as an expert.

Verbal hook

It's official. It's definitely a trend.

Visual hook

A split-screen view showing the creator in the bottom half and a screen recording of a sleek, modern website with bold typography loading in the top half.

Hook strategies

  1. secrets-shortcuts

Payoff

Deliver an emotional and definitive final verdict, summarizing the subject's brilliance and reinforcing the initial thesis, leaving the viewer feeling informed and satisfied.

Narrative framework

The Trendsetter's Teardown

Narrative framework logic

A deep-dive analysis of a single, exceptional example to prove the existence and superiority of an emerging trend, validated through comparison, expert analysis, and external social proof.

Narrative framework breakdown

  • frameworkName: The Trendsetter's Teardown
  • frameworkType: Standard Narrative
  • coreLogic: A deep-dive analysis of a single, exceptional example to prove the existence and superiority of an emerging trend, validated through comparison, expert analysis, and external social proof.
  • confidence: 95
  • pendingStatus: created

Topics: Design, Marketing, Tech

Concepts: Breakdown, Showcase, Split Screen Explainer

Formats: Split screen

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

Account types: Personal Brand, Brand

Transcript excerpt

It's official. It's definitely a trend. This is such a gorgeous website, and it's using the same kind of things we saw in terminal industries. And I'll pull up terminal industries in a second, but just look at this. Absolutely beautiful. Such a lovely font. This video best stops if I stop scrolling. But if I keep scrolling down, it continuously moves, and it just guides you through the page no, so interesting, such a beautiful way of doing things. Let's look at Terminal Industries again. This beautiful website did quite well. I think it was a really good video. So definitely a lot of people will have seen this. And as I said, like, as I scroll here, you can see the video, like, playing on scrolling. It's the same with this website as well. The whole way through, we just have videos that stop. And as I scroll, you just get this lovely effect. The user on these kind of sites is completely in control. And then they have sections on it as well where they've got, you know, actual, things that you can click on and explore and see. And, again, I can do the same thing on scroll as well. Another video on scroll. It really this is the the whole point of the website here. And, good, there's s

208,500 views