04
Interactive Website
Web Design
An interactive website inspired by "The Wolf of Wall Street," mirroring the film's themes of greed, fraud, and Wall Street corruption. The site presents a sales and success course that initially appears credible and professional.
As users progress through the lessons, the content gradually deteriorates into nonsensical material while the design becomes increasingly chaotic and suspicious. By the end, users realize they've been scammed, paid for empty promises and left with nothing. This experience reflects the film's core message about manipulation tactics and the harsh reality of greed-driven deception.
(2024)
Figma
Interactive Website
04
(2024)
Web Design
An interactive website inspired by "The Wolf of Wall Street," mirroring the film's themes of greed, fraud, and Wall Street corruption. The site presents a sales and success course that initially appears credible and professional.
As users progress through the lessons, the content gradually deteriorates into nonsensical material while the design becomes increasingly chaotic and suspicious. By the end, users realize they've been scammed, paid for empty promises and left with nothing. This experience reflects the film's core message about manipulation tactics and the harsh reality of greed-driven deception.
Figma |
Overview
"The Wolf of Wall Street" (2013), directed by Martin Scorsese, follows the true story of Jordan Belfort- a stockbroker who built an empire through illegal stock trading in the 1990s. The film explores the corruption and greed that dominated Wall Street, depicting a world of fraud, excess, and moral decay. It's a story of unchecked ambition, where success is built on deception and the ruthless pursuit of wealth at any cost.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
Buttons
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Regular
Coolvetica & Helvetica
weight
Bold
weight
Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Light
weight
Regular
LIGHT BLUE
#262626
BLUE
#344EAD
Pictogram’s
Sport Disciplines
Weather
Chat’s
BLUE GREEK FLAG
#006CD0
TURQUOISE
#D0E4FF
BACKGROUND
#D2F2E4
PINK
#FAB6F1
BURGUNDY
#6A1D32
BLACK
#2F2F2F
WHITE
#FFFFFF
Logo
Goal
The website simulates a sales success course that mirrors the film's themes of deception. It begins as a credible, professional program, but as users scroll through the lessons, the content deteriorates into nonsense while the design shifts dramatically. By the end, users realize they've been scammed, they paid for the course but received nothing of value, experiencing firsthand the manipulation and empty promises central to the film's narrative.
Website Structure
Part 2 | Continued and End of Course
This section exposes what's truly happening beneath the surface: excess, manipulation, and madness. The design becomes overwhelming and garish, with cut-out images, oversized typography that repeats obsessively, and loud, clashing colors. The layout loses structure, becoming chaotic and trippy-cheap, exaggerated, and unsettling. It reflects the unhinged greed and deception at the heart of the story.
Design Concept
The website's design is built on two contrasting visual languages that reflect the duality of the Wolf of Wall Street world:
Part 1 | Beginning of the Course
This part represents the facade - the glamorous and sophisticated image that Wall Street projects to the outside world. The design is clean, structured and prestigious, and includes geometric shapes, sans-serif typography combined with serif typography, clear hierarchies. It conveys professionalism, success and credibility through refined visual elements and a smooth organizational aesthetic.
Logo
Element
Typography
Montserrat & Playfair
weight
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Playfair display italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
YELLOW
#FFB500
LIGHT YELLOW
#FFE9B2
BLACK
#000000
WHITE
#FFFFFF
Main Components
Element
Typography
weight
Basteleur bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Sligoil regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
arcadeclassic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
weight
Kedem sans regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghilklmnopqrstuvwxyz
#FD9FFA
#CBFFEF
#3141FB
#E63A3F
#F4D504
#6689E7
#CDF560
#FFB500
#B5E9A3
#EFD891
#F4B29B
Main Components
