PB.
MOVIE NIGHT LANDING
MOVIE NIGHT LANDING
MOVIE NIGHT LANDING
A concept landing page for a movie night
event, where visual hierarchy and typography
shape the user experience.
The design balances expressive visuals
with a clear structure, helping users quickly explore films,
navigate content, and stay engaged.
A concept landing page for a movie night event, where visual hierarchy
and typography shape the user experience. The design balances expressive
visuals with a clear structure, helping users quickly explore films, navigate
content, and stay engaged.
A concept landing page for a movie night
event, where visual hierarchy and typography
shape the user experience.
The design balances expressive visuals
with a clear structure, helping users quickly explore films,
navigate content, and stay engaged.
GOAL
GOAL
GOAL
The goal was to create a clear and engaging
interface that allows users to quickly explore
films and choose a session.
The goal was to create a clear and engaging interface that allows
users to quickly explore films and choose a session.
The goal was to create a clear and engaging
interface that allows users to quickly explore
films and choose a session.
LANDING PAGE
LANDING PAGE
LANDING PAGE
2025
2025
2025
STRUCTURE
STRUCTURE
STRUCTURE
HEADER
About, Gallery, Contacts, How to Get There
HEADER
About, Gallery, Contacts, How to Get There
HEADER
About, Gallery, Contacts, How to Get There
HERO SECTION
Image: Atmospheric event photo Button: Learn More Title: Event Name Description: Short event description
HERO SECTION
Image: Atmospheric event photo Button: Learn More Title: Event Name Description: Short event description
HERO SECTION
Image: Atmospheric event photo Button: Learn More Title: Event Name Description: Short event description
ABOUT THE EVENT
Image: Event photo Title: Event theme Description: Event details
ABOUT THE EVENT
Image: Event photo Title: Event theme Description: Event details
ABOUT THE EVENT
Image: Event photo Title: Event theme Description: Event details
HOW TO GET THERE
Address, Event time
HOW TO GET THERE
Address, Event time
HOW TO GET THERE
Address, Event time
GALLERY
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
GALLERY
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
GALLERY
Images: Photo selection Title: Gallery Subtitles: Description of cinema facilities
FOOTER
About, Gallery, Contacts, How to Get There
FOOTER
About, Gallery, Contacts, How to Get There
FOOTER
About, Gallery, Contacts, How to Get There
VISUAL DIRECTION
VISUAL DIRECTION
VISUAL DIRECTION
COLOR PALETTE
COLOR PALETTE
#E4E5E8
Background color (neutral tone)
#E4E5E8
Background color (neutral tone)
#9A0A21
Accent color (buttons, highlights, etc.)
#9A0A21
Accent color (buttons, highlights, etc.)
#050602
Text color (neutral shade, high contrast)
#050602
Text color (neutral shade, high contrast)
TYPOGRAPHY
TYPOGRAPHY
STENGAZETA
STENGAZETA
STENGAZETA
JEJUGOTHIC
JEJUGOTHIC
JEJUGOTHIC
GRID
GRID
GRID
A structured grid system was used to ensure consistency, alignment,
and readability across the layout. Spacing and proportions help create
a clear visual hierarchy and balanced composition.
A structured grid system was used to ensure
consistency, alignment, and readability across
the layout. Spacing and proportions help
create a clear visual hierarchy and balanced
composition.
A structured grid system was used to ensure consistency, alignment,
and readability across the layout. Spacing and proportions help create
a clear visual hierarchy and balanced composition.
HERO SECTION
HERO SECTION
HERO SECTION
Bold typography creates a strong visual entry point
Bold typography creates a strong visual entry
point
Bold typography creates a strong visual entry point
Clear structure improves readability and scanning
Clear structure improves readability
and scanning
Clear structure improves readability and scanning
Primary call-to-action guides user interaction
Primary call-to-action guides user interaction
Primary call-to-action guides user interaction
CONTENT SECTION
CONTENT SECTION
CONTENT SECTION
Structured typography defines content hierarchy
Structured typography defines content hierarchy
Structured typography defines content hierarchy
Film strip layout reinforces the cinematic theme
Film strip layout reinforces the cinematic theme
Film strip layout reinforces the cinematic theme
Poster-style layout for quick visual recognition
Poster-style layout for quick visual recognition
Poster-style layout for quick visual recognition
EVENT DETAILS
EVENT DETAILS
EVENT DETAILS
Visual element supporting the event atmosphere
Visual element supporting the event atmosphere
Visual element supporting the event atmosphere
Key information presented in a clearand structured
format
Key information presented in a clearand structured
format
Key information presented in a clearand structured
format
GALLERY
GALLERY
GALLERY
Visual element supporting the event atmosphere
Visual element supporting the event
atmosphere
Visual element supporting the event atmosphere
Key information presented in a clearand structured format
Key information presented in a clear
and structured format
Key information presented in a clear
and structured format
FOOTER
FOOTER
FOOTER
A clean and structured landing page designed
for a seamless user experience.
A clean and structured landing page designed
for a seamless user experience.
A clean and structured landing page designed
for a seamless user experience.