Steph Kotula
Home


Prototype Archive


Rapid prototyping is an essential part of my process. This is an archive of quick and scrappy prototypes. Despite lacking in visual polish and tidy interactive componentry, these are essential artifacts that get shared casually, spark important conversation, and generate feedback helping product, engineering, and design teams get from point A to B and beyond.



12.24Exploring “credit” interaction

Users can view a feed of projects. We wanted to design a simple, visually unobtrusive way to highlight crew members and viewers to get snapshots of who was involved in each project.

This is one of many explorations thinking through how we might do this.



11.24Updating the “credits” UI

Exploring one of the many ways we can allow users to add credits to projects. To match a movie credit motif, we want credits to always be role first: name second. Both roles and creatives are selectable from a pre-existing list.



10.24



Viewing a project

NOVA is a platform for creatives. We needed project detail pages that were flexible, beautiful, and handled different amounts of project content.



10.24
Posting a project

Exploring the ways in which a user might be able to add a project to their portfolio. We eventually opted to move away from the modal and created a full screen experience to create focus. The full page felt better than the modal due to how it needed to handle more complex interactions.


09.24
Start a new message (mobile)

A fast exploration around how users start new messages from mobile. This prototype leverages existing components so ignore hover states.


09.24
Start a new message (web)

Exploring a slightly non-traditional page navigation. The “Jobs” ecosystem is complex and has many different domains where users will be moving back and forth between quickly and often. This nav pattern stems from the page title which takes up very little room on the UI and opens a popover sheet with each of the other domains.


09.24
Jobs ecosystem navigation explore

Exploring a slightly non-traditional page navigation. The “Jobs” ecosystem is complex and has many different domains where users will be moving back and forth between quickly and often. This nav pattern stems from the page title which takes up very little room on the UI and opens a popover sheet with each of the other domains.


09.24

Material explore

This prototype is exploring how material moves and feels on mobile web. Side sheets slide in from the right showing the user they’re going deeper into the experience. Bottom sheets are used on mobile where there are modals on web. Modals are used when there’s only one layer and the user can’t go any deeper.