Self-Made Web Designer

Item: Self-Made Web Designer
Rating: 7.1

Web design courses, tutorials and podcast for aspiring freelancers.

selfmadewebdesigner.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 5,136/ ↗

Self-Made Web Designer Home page, desktop

MOBILE · 390

Self-Made Web Designer Home page, mobile

Section outline · Home

01heroFounder video, condensed caps, email signup840
02logosBlack bar of logos191
03introMono copy with ASCII arrows506
04pathsStaggered black cards with stickers1,367
05videosThumbnail carousel with tags1,012
06ctaBlack card, yellow badge573
07footerPixel skyline, tree sitemap550

Rating · Home

Visual design7.4

UX & clarity7.2

Originality7.8

Craft & consistency7.2

Motion5.8

Performance & a11y6.0

This page scores 7.1; the site score weights the home page double.

Main colours

Light·light grey background·vivid

Typography

PP Right Grotesk Compactheading · sans · self-hosted Aeonik Fonobody · sans · self-hosted Aeonik Monoaccent · sans · self-hosted

Stack & style

GSAP Showit WordPress GSAP ScrollTrigger jQuery

Bold typography Neo-brutalist Retro Logo cloud Sticky header

Also: Google Tag Manager, Meta Pixel, Google Analytics

Design DNA

Light grey grid-paper canvas. Hero stacks a video thumbnail of the founder, a mono '<hi, i'm chris>' tag and a huge condensed all-caps headline. Yellow pill email signup. Black 'featured on' bar. Yellow pixel blocks decorate section corners. Path cards are black with white mono label boxes and yellow sticker icons. Video carousel, black CTA card with a yellow badge, and a pixelated skyline edge into a black footer with a tree-style sitemap in mono.