VIDEO
01
DESCRIPTION
02
Philo is an in-progress brand suite for
Connor Fay's unpublished app design.
I've been responsible for translating his app UI into a design and animation system.
This is a personal project we are both collaborating on.
STILLS
03
Sea of Information
03—1
It was important to us to find naturalistic ways to approach designing data.
Sea of Information
03—1
It was important to us to find naturalistic ways to approach designing data.
Cresting
03—2
Naturally, as the internet continues to grow, the sea is always getting bigger.
Cresting
03—2
Naturally, as the internet continues to grow, the sea is always getting bigger.
Now Building...
03—3
And from that sea, so came us. Our structures, our buildings.
Now Building...
03—3
And from that sea, so came us. Our structures, our buildings.
Structured Data
03—4
We took nature and gave it a sense of structure. Designed into grids.
Structured Data
03—4
We took nature and gave it a sense of structure. Designed into grids.
Crowd Aggregation
03—5
Living inside these structures, countless souls reside. Each with their own story. Each their own data point.
Crowd Aggregation
03—5
Living inside these structures, countless souls reside. Each with their own story. Each their own data point.
Crowd Collection
03—6
How do you collect all of that? All those souls? And how do you represent them? Those are questions we hope to answer with Philo.
Crowd Collection
03—6
How do you collect all of that? All those souls? And how do you represent them? Those are questions we hope to answer with Philo.
The UI
03—7
Connor came to me with a prototype for an app he'd been working on, and showed me the UI he'd begun to design. I was so moved by the concept that I insisted on working on a branding suite for him.
The UI
03—7
Connor came to me with a prototype for an app he'd been working on, and showed me the UI he'd begun to design. I was so moved by the concept that I insisted on working on a branding suite for him.
Translated...
03—8
It's given me the opportunity to channel his brilliance into design systems and animated structures.
Translated...
03—8
It's given me the opportunity to channel his brilliance into design systems and animated structures.
PROCESS
04
As this was a collaborative project, Connor and I have spent countless hours deliberating on design decisions. While a bottleneck, it's allowed us the space to refine the project over and over. Some of the shots are onto pass 20+.
As we kept refining the project, we found ways to continuously evolve the project, going from simple abstract visuals to nuannced and evocative motifs.
It was important to us that we grow alongside the project. As our designs evolved, so did the concept.
Pictured below are selected screenshots and an early iteration showing off a WIP shader and a particle system.
SCOPE
Free time 'til it's done
CREDITS
Connor Fay & Gabe Nadel
EXTRA
<3