Pyrus approached Launchsquad and Devon Stern to help produce a short piece on the primary Pyrus service. Pyrus was interested in branching out into new markets and wanted a piece which would introduce their platform in an exciting new way.
I was tasked with developing animations and scene components which built the structure of the world while focusing on brand messaging and continuity.
The process was free-flowing and collaborative, empowering design to explore various ways of storytelling with micro-animations that guided the audience's attention. I started with the color pallet which was derived from the Pyrus brand then started asking questions like, "What elements will make this scene feel more dire?" and "How do the character's perceive the solution brought on by the Pyrus product?". Questions like these led to the development of additional assets and features which helped to elevate each scene.
The popular bay area brand approached me with the opportunity to help them discover what the PayPal platform would look like in motion. The goal was to help the company understand the benefits of motion as it relates to brand and digital experiences. This was accomplished by creating a Motion Design System which illustrated animation related to a pilot portion of the company's platform.
Although I only worked on a small section within the larger experience, the guidelines I helped to establish was built on thorough research, iteration and collaboration.
The documentation was built by working closely with the UI and UX designers most familiar with the platform. Through this collaboration, we identified key aspects of the brand within the interfaces and assigned relevant characteristics which would help to design a coherent animation system. We then discovered the largest potential pain-point for the teams. If they had no context of how motion could benefit the entire experience, how could anyone hope to extend the system? So we also documented benefits which related to the overall platform.
The benefits of motion creates a common foundation.
Characteristics communicate the brand through movement.
Similar to a Design Language, this documentation needed to cover various specifications, while appearing in a relatable form for both development and designers not familiar with animation. Once we had established the system, we prototyped the animations with existing visuals assets to ensure we had created a robust foundation.
Motion Design System
Client - PayPal
Motion Design & Animation - Devon Stern
Chapter SF is a bay area creative agency specializing in strategy and digital experiences. They were started by a few people from AKQA and NIKE who each bring a unique approach to the digital design process.
Initially, they approached me to only work on their demo reel but we took the opportunity to explore what else we could do.
The goal with these vignettes was to build something which spoke to Chapter's creative problem solving and their methodical, yet adventurous approach to design. Later, I used these vignettes to support their demo reel, interspearsing them as needed.
Because we had to stay within the original timeline and budget for the reel, I wanted to focus on the visual representation of their process rather than a purely narrative piece. I started this by documenting my thoughts about their studio environment, and the various things which reminded me of their process. To me, their process was very scientific, methodical, precise, and mathematical. This lead me to think of circuitry and scientific equipment. But there was also an aspect of discovery, a more organic side, and I wanted to champion this as well. For that, I went to a more abstract idea. So I thought about a place that combined the feeling of something un-touched with the visual sophistication of scientific instruments.
Motion design and direction. Available for freelance and contract work. Contact me for availability, day-rates, collaborations or if just want to say hello!
Phone: +1 808 937-2789