Four Lenses

How can you tell a story through a phone screen? How do you communicate with viewers immediately and understandably?

Outcome Classification: 
Application Wireframes & Narrative Video

Design framework | UX/UI Design | Storytelling

Full video found at the end of project summary.


A series of speculative apps, this project attempted to tell a narrative entirely from the screen of an individual’s IPhone. To this end, four distinct apps were developed, each with their own visual aesthetic and intent. The challenge presented here was not the creation of fully planned and functioning apps, but to be able to convey the intention and background of the apps through just one or two wireframes each. In doing so, I had to recall archetypical and existing visual languages. So that, through this, the viewer of the narrative could instantly understand both the function of the app and also the context that drove it to exist.

This project was a challenge in visual referencing, drawing comparisons in the user’s mind to existing apps so that they may understand the wireframe without being able to interact with it themselves.


1. Narrative construction.

2. Narrative mapping.

3. Researching UI references & visual languages.

4. Screen ideation.

5. Screen development.

6. Wireframe prototyping.

7. Video editing.

mapping the narrative

screen development in Adobe XD & Principle App

video editing


The outcome of this work was a clear and linear narrative told through four distinct apps. The wireframes for each of these apps were made entirely for the purposes of the process, and each one feels both visual and experientially distinct from one another. From the limited visual information given, the viewer is able to derive an understanding of both the functions of each app and the broader world in which they exist, using cultural and visual touchtpoints as references for insight. Each app was fully thought out, and though only select wireframes from each are visible, a broader system for each can be derived from what is observed.


Established visual languages are immediately interpreted. To connect quickly and deeply with a user, one can reference visual languages that previously exist within a culture. In doing so the user can understand more about the app without necessitating direct and unabashed explanation.

An app must feel unique functionally, not just aesthetically. To differentiate yourself from existing competition or other apps, a unique aesthetic can seem like an easy method to make your mark. But through finding innovate interactions, or even just twists on existing ones, the app can begin to feel independent from the others.

Show don’t tell, but tell more if asked. The line between too little and too much can be a fine balance. But if the user desires to know more - especially about data that they have generated - there should always be a way for them to learn more.

Final narrative video

Using Format