@designleaks
TikTok · Split screen
@designleaks Great 1-Page/product store by Hard Sun sunscreen #webdesign #digitaldesign #uidesign #ecommerce #shopify
Trending short videosAnalyzing an unconventional website design
The edit1 shot · 1 text
Shots Text0:34
Performance
- Views
- 68.1K
- Likes
- 7.9K
- Comments
- 61
- Engagement
- 11.7%
- Outlier
- 2×
- Length · 9 Oct 2025
- 0:34
Video #43603 · Split screen
Analyzing an unconventional website designfrom @designleaks
[01]
Overview
The creator analyzes the website of a new sunscreen brand, Hard Sun, presenting it as a case study in unconventional e-commerce design. He scrolls through the single-page site, highlighting its scattered, collage-like layout, its unique icon-based ingredient guide, and its spreadsheet-inspired review section, ultimately praising its bold aesthetic and world-building approach.
[02]
Simple outline
- 1Introduce a rule-breaker
- 2Explain the core anomaly
- 3Showcase specific examples
- 4Deliver a final verdict
[03]
Related videos
200.3K2.9×Creator analyzes unique website design@designleaks · Case Study Breakdown
54K1.1×Explaining a website design transformation@pixeldesignlab · Before/After Transformation
738.8K4.2×Landing page teardown and tool pitch.@calebulf · Case Study Breakdown
580.6K2.6×Creator breaks down web design trends@deathtostock · Breakdown
183.9KWebsite team section design review@joshfromyolkk · Breakdown
356.1K1.3×Website critique with competitor comparison@kailauli · Good vs Bad
130.1K1.7×Website redesign before and after@pixeldesignlab · Good vs Bad
60.8KSales page design critique and fix@pixeldesignlab · Good vs Bad
50.1KExplaining a website redesign process@pixeldesignlab · Before/After Transformation
1.5M199.1×Marketing expert redesigns brand's email@wellcopymax · Hypothetical Case Study
216.9K1.3×Analyzing a web design trend@joshfromyolkk · Breakdown
1.4M846.4×Designer shares inspiration website resource@bymelipadi · Actionable Resource[04]
Classification
Format
Concepts
Elements
Account
[05]
Hook analysis
What stops the scroll in the first 3 seconds
Title hook · 30%
hardsun.com
Verbal hook · 60%
Hearts Done is a new entry to the sunscreen category that breaks a lot of rules when it comes to ecommerce product pages.
Visual hook · 10%
A split-screen view showing a creator in the bottom half and a screen recording of an unconventional, minimalist, and visually dense website layout in the top half.
[06]
Hook template
Steal this for your own video
is a new entry to the that breaks a lot of rules when it comes to .
- — This meal-prep startup is a new entry to the frozen food category that breaks a lot of rules when it comes to packaging design.
- — This boutique gym is a new entry to the fitness studio category that breaks a lot of rules when it comes to membership pricing.
- — This indie podcast is a new entry to the true crime category that breaks a lot of rules when it comes to episode structure.
[07]
Hook and payoff
The promise the opener makes, and how the video pays it back
Hook
Introduce a subject (a brand, product, or website) and immediately frame it as an unconventional outlier that 'breaks the rules' of its category, creating a curiosity gap.
Payoff
Deliver a personal, subjective verdict that acknowledges a potential flaw or complexity ('it's dense') but ultimately endorses the subject's unique approach, providing a clear and satisfying resolution for the viewer.
[08]
Narrative framework
The structural pattern this video runs on
Framework
The Expert Deconstruction
Presenting a subject as an unconventional 'rule-breaker' and then dissecting its unique features to justify its effectiveness, culminating in an expert endorsement.
- 1
The Core Anomaly
State the single most unusual characteristic or design choice of the subject, establishing the central thesis of its uniqueness.
- 2
The Strategic Justification
Provide an industry principle or best practice, framing the subject's unconventional approach as a clever way to fulfill that principle. This adds a layer of authority and strategic insight.
- 3
The First Proof Point
Showcase a specific, tangible, and visually distinct example of the unconventional approach in action, providing concrete evidence for the initial claim.
- 4
The Second Proof Point
Showcase a second, different example to reinforce the pattern of unconventionality and demonstrate that the uniqueness is a consistent theme, not a one-off gimmick.
Themes
Techniques
Trends
Post caption
Great 1-Page/product store by Hard Sun sunscreen #webdesign #digitaldesign #uidesign #ecommerce #shopify
Text overlays
branding · throughout
hardsun.com
Transcript
Hearts Done is a new entry to the sunscreen category that breaks a lot of rules when it comes to ecommerce product pages. Their site is essentially all product page with info and imagery scattered throughout. As a baseline, when you're a new brand and you only have one or a few products, you wanna invest in world building, storytelling, and worst importantly, education around your product. Clicking around the page brings up this key ingredients and formulation guide where line art icons and glyphs describe the ingredients. Scrolling to the better, and you get this almost spreadsheet inspired review section. The info across the site is rather dense, but I'm here for it, and I love the overall aesthetics of this page.