F.O.U.R

Client
The Great Foundation
Agency
Instrument
Challenge

A multi-day virtual festival had to stay clear and accessible as speakers, submissions, and real-time updates kept growing.

What I did

Designed a modular layout system with clear typographic hierarchy that carried across web, social, and physical surfaces.

Outcome

Launched as a fully realized virtual festival, and organizers managed real-time updates with reduced production overhead.

A modular platform for a multi-day virtual festival, designed to keep fast-changing content clear across web, social, and physical touchpoints.
01 Context

A festival that could keep changing

Large-scale virtual events frequently break down as they scale. As content volume increases and contributors multiply, platforms become fragmented, navigation degrades, and visual systems collapse under real production pressure.

For F.O.U.R., the challenge was to design an experience that could support a multi-day festival with frequent updates, a growing number of speakers and submissions, and real-time content changes, all while maintaining clarity, hierarchy, and accessibility. The system needed to perform reliably under fixed timelines, unpredictable content, and cross-platform demands.

Architect, inventor, and co-founder of Notpla Rodrigo Garcia Gonzalez posed a brief aimed at reducing waste in our community and on our collective earth.
TIME’s 2020 Kid of the Year, Author, and STEM Promoter Gitanjali Rao posed a brief aimed at increasing access to knowledge for underserved communities.
Social entrepreneur, investor and author Nicole Cardoza posed a brief aimed at closing the racial and socio-economic divides in the wellness industry.
Architect, inventor, and co-founder of Notpla Rodrigo Garcia Gonzalez posed a brief aimed at reducing waste in our community and on our collective earth.
TIME’s 2020 Kid of the Year, Author, and STEM Promoter Gitanjali Rao posed a brief aimed at increasing access to knowledge for underserved communities.
CEO and Founder of Beam, Alex Stephany, posed a brief aimed at providing disadvantaged groups in our communities more access to professional mentorship.
Social entrepreneur, investor and author Nicole Cardoza posed a brief aimed at closing the racial and socio-economic divides in the wellness industry.
Fig 01
/ Speaker briefs

Three audiences, one platform

The platform served multiple participant groups with distinct needs:

Attendees

Attendees needed clear orientation, intuitive navigation, and the ability to explore complex subject matter without cognitive overload. The experience prioritized discoverability and sustained engagement across multiple days.

Contributors and Speakers

Contributors required consistent, equitable presentation of their work within a crowded ecosystem. The system needed to support diverse content formats while preserving individual voice and visibility.

Organizers and Curators

Organizers needed a framework that allowed rapid updates, schedule changes, and content promotion without breaking consistency or requiring manual redesign. Operational efficiency was critical.

Across all users, the primary goal was to create an experience that emphasized access, clarity, and participation while remaining resilient as scale increased.

02 Process

Constraints & design decisions

The project was shaped by real-world production constraints that directly informed system design:

These constraints demanded a system optimized for flexibility, durability, and speed rather than idealized or bespoke layouts.

03 System

System and Layout Strategy

The design system was built to organize complexity without flattening expression.

Modular Framework

A modular layout system allowed content blocks to be rearranged, expanded, or replaced without disrupting hierarchy or legibility. This enabled rapid updates and supported unpredictable content growth.

Hierarchy and Information Flow

Clear typographic structure, spacing, and scale established consistent reading order across all surfaces. Critical information surfaced immediately, while secondary content remained discoverable without visual noise.

Cross-Surface Consistency

Core components and layout logic translated consistently across digital and physical touchpoints. This reduced cognitive load for users and ensured recognition regardless of entry point.

Expressive Constraint

Visual expression operated within defined boundaries. Color, motion, and graphic elements were applied systematically to preserve flexibility and reuse while maintaining emotional resonance.

Scalability and Reuse

All components were designed for longevity. The system could support future festivals, new themes, and expanded participation without requiring foundational changes.

Fig 02
/ F.O.U.R logo in motion
Four Grid + Yellow Cursor
Image 1
Image 2
Image 3
Image 4
Fig 03
/ Posters, and the site on laptop and phone
04 Outcome

Launch & learnings

F.O.U.R. launched as a fully realized virtual festival supporting live programming, contributor participation, and continuous content updates.

The project demonstrated how a system-first approach can sustain complex, advocacy-driven platforms beyond a single moment.

Single Image
Stats Hero
Fig 04
/ Festival Instagram profile
Fig 05
/ Instagram stories