Mosby’s Files

Mosby’s Files

Digital archive that reframes American modernism
Mosby’s Files

Mosby’s Files is a research-driven archive on American modernism—architecture that developed on its own terms, outside Europe's shadow. The project treats browsing as part of the argument: how you move through the material is designed to matter as much as the material itself.

Services
Web Design
Development
Motion Design
Industries
Arts & Culture
Design
Education & Science
Challenge
Eight architects across four overlapping stylistic categories risked flattening into a generic catalog, losing the very distinctions the research was built to draw. The interface needed a classification system where category and content stayed structurally linked instead of collapsing into a generic scrollable list.
What we did

We built a CSS-only skeuomorphic folder system that turns navigation into the core interaction: tabs, folders, and paper textures render entirely without JavaScript. Each architect lives in their own folder, letting users browse the archive the way a researcher would sort through physical files, making the experience immersive and natural.

Recognition

Mosby’s Files is a research-driven archive on American modernism—architecture that developed on its own terms, outside Europe's shadow. The project treats browsing as part of the argument: how you move through the material is designed to matter as much as the material itself.

Services
Web Design
Development
Motion Design
Industries
SaaS and Digital products
Fintech
Model
This is some text inside of a div block.
Challenge
iBilly already existed in a different form, and we needed to implement a change of focus and audience retention. We had to think carefully to cater to existing users and take into account their feedback as well as the needs of a new audience.
What we did
This is some text inside of a div block.
Recognition
This is some text inside of a div block.
Webpage collage about architect I. M. Pei, featuring his portrait and biography, Hong Kong skyline imagery, the Bank of China Tower, archival photos, scissors, and a video link.
An overview of four web pages from the Mosby's Files website, presented against a dark background. The CSS-only skeuomorphic design transforms each page into a brightly colored physical archival folder—in blue, yellow, red, and purple. Each folder profiles a prominent architect of American Modernism, featuring a layered, immersive layout of black-and-white portraits, text documents, architectural photography, blueprints, sticky notes, and paperclips to simulate a researcher's physical files.
American Modernism webpage featuring a dark interface with the title “American Modernism,” a short introduction to early 20th-century American architecture, and colorful layered tabs for architects including Frank Lloyd Wright, Irving Gill, Frank Gehry, Louis Kahn, I. M. Pei, Paul Rudolph, Mary Colter, and Louis Sullivan.

Art direction Web design Web development Motion design Content Project management

Ernest Asanov Ernest Asanov Oleg Savenok Andriy Drobovych, Ernest Asanov Anastasiia Lutsenko, Sergii Valiukh, Ernest Asanov Nick Zhuravlov

Service
Budget in USD
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Let’s make it happen

digital design
and identity

Planetoño

Next case