Home

Intro

I design creatively-efficient and immersively-engaging products. Read more about my background
Over-the-shoulder photo of the Brava screen
 

Scroll for More

Scroll for More

 

About


UX Design

Research, user interviews, user stories, journey-mapping, and low-fidelity mockups.

UI Design

Wireframes, graphic design, and style guides.

Rapid Prototyping

Animated, interactive, and high-fidelity prototypes.

Front-End Development

Development and implementation of user interfaces.

PDF Link

 

Work


Optimizing User Engagement on Device

Research / Information Architecture / Visual Design / Rapid Prototyping

The Brava is the first of its kind, a countertop oven powered by light. I worked on this product pre-launch and through a revision to its launch interface and content management system. Numerous celebrities own a Brava, and the device has been featured on Good Morning America, Fox and Friends, and more.

Goals

Due to market changes, we could no longer ship meal kits to our customers. Additionally, some late hardware changes resulted in a suboptimal user experience. We needed to address these issues and build ourselves some breathing room for new content and features. Product leadership and customer success team members identified users' most outstanding issues at launch. The VP of Product outlined four things that he wanted to see us ship within a few months of launch:

Enable users to create their own recipe instructions and cooking programs.
Provide the culinary team with tools to develop more complex recipe programs.
Create seamless integration between the Brava device, website, and companion app.
Add functionality for users to share recipes and cooking programs with others.

Process

I was the lead software designer and product owner. I examined a wealth of data from the Brava’s pre-launch period and feedback from the community and our customer success team. We held usability studies in the office to test new concepts against the original designs. We evaluated several factors, including:

  • Discoverability of content: Users were tasked with locating various recipe programs on the appliance screen.
  • Pre-cooking user flow: Test participants were given raw ingredients and asked to prepare them for cooking in the Brava. We asked them to discuss what they observed during this process, what they thought they needed to do, and how they might get help.
  • In-progress cooking: Users were asked to interact with a cooking simulation while the food was cooked.

Favorites

On-Device Recipe Instructions

Protein Preparation Flow

Time-Lapsed Cooking

Results

We saw a dramatic increase in our net promoter score. We collaborated with many celebrity chefs and gadget reviewers, allowing them to create their own recipes on our platform and share them with the Brava community.

"I love that Brava loves us so much that they keep making it better and better. I don't feel like a beta tester anymore. I feel like an owner of a magic machine."

-Product Review

Brava reviews on social media
 

Procedurally-Generated Content System

Research / UI Design / Platform Architecture / Rapid Prototyping

In my research of our existing content management system, I determined there were enough redundancies to take a more modular approach to store recipe program information. At the same time, the culinary team had been categorizing and classifying different foods based on how they cook best. We used this data in a new system where recipe programs were generated and released every Tuesday.

Goals

One significant shift in the product from before launch was the focus on releasing new recipes every week. We also wanted to expand the product's versatility by showing users that we could support a wide variety of ingredients with flexibility in preparation.

Brava roadmap detailing tasks across the platform, mobile, device, and website

Process

Collaborating with culinary, QA, and engineering teams, I created a theoretical model of how this new format could work. I then iterated on wireframes, mockups, and prototypes using actual data from the product CMS. Time and attention were paid to the depth of our initial offering, showing users a wide assortment of vegetables and proteins. The system would include modular objects known as “cookables,” which can be used by the software to assemble full recipe programs with complete instructions and photos.

Results

The initial release added more than 7,000 new recipe programs. This feature also led to additional updates simplifying the core recipe format while leveraging procedurally- and user-generated content.

Press

Canvas showing various wireframe designs from the Brava display
 

Development Tools and Optimization

UI/UX Director / Tools Developer / Visual Design / Rapid Prototyping

At Disney, Kiwi, and Jam City, I helped establish more efficient development pipelines through documentation, in-house tools, and automation. These efforts allowed us to dramatically scale our number of concurrent games, allowing live games to run with only a few developers.

Goals

Early smartphones came in various screen sizes, making broad distribution difficult. In particular, at Kiwi, we often had small teams working to resize assets and animations to fit a range of devices. Further complicating matters were development pipelines–when can designers and artists successfully hand off their work to engineers? Assets required extensive technical prep work to ensure compatibility with the code. Artists would spend hours painstakingly detailing animation properties without guarantees their expectations would translate into the game engine. Human error was also prevalent, given the time investment involved. There was a need to improve this process.

Process

I researched every requisite task in the development paths for game sprites, effects animations, and UI layout. I started with the quickest fixes yielding the most significant impact. I learned about Photoshop tools development and scripted a few different automation utilities. Next, I researched our engine’s UI system and determined how we could be more efficient there, too, as designers followed the same treacherous handoff with engineers for their work. I reverse-engineered the games’ UI format and then scripted a utility that converted Photoshop files into this format. The utility evaluated layers individually and extrapolated properties to XML during export.

Results

Artists no longer spent hours manually scaling and renaming files to game- and platform-specific specifications. Engineers now had a consistent and reliable pool of instantly repurposable game assets. The company could launch more, higher-quality games faster. More importantly, our development team, as a whole, could focus on higher-priority tasks.

 

Pitch Project Rapid Prototyping

UI Engineering / UI Design / Rapid Prototyping

While at Kiwi, I worked on a pitch project with six other developers. The plan was to make an online-focused strategy game for mobile in Unity. I worked extensively on front-end coding for this project, mainly for the controls, HUD, and UI effects.

Slide from a pitch deck for Ballisticts

Challenges

The game had a hastened development cycle of only a few months. For many of us on the team, this was our first time using Unity professionally. Being a mobile game, Ballistics was very UI-dependent, which Unity struggled with in earlier versions. Fortunately, we built from the 4.6 version of the engine, which included a beta version of the current Unity UI tools.

Process

We assembled a working multiplayer prototype in less than a month, which then allowed us to hold nightly playtest sessions with the rest of the company. We would interview participants at the end of each session to get feedback on gameplay, controls, visuals, level design, etc. The following morning, the team would discuss the playtest feedback and how to incorporate some of the most common remarks. This process continued day after day for a few weeks, eventually culminating in a public release on Android. We continued playtesting sessions and used the game's built-in chat to interview players directly!

Because we were primarily working with scratch assets, we could make many pivotal game balance and interface changes before devoting too much time to visuals. An initial focus on gameplay also allowed the artists to spend more time in the concept phase of their work.

Another slide from the Ballistics pitch deck detailing goals of the project

Results

This project was a great introduction to Unity and led to our eventual acquisition by a larger studio. It was also a quality exercise in building a game from start to finish in a few months.

 

Case Study

UI Design / Research / Rapid Prototyping

Before starting this project, I had observed that fellow instructors inevitably hit a point of writer’s block when preparing their routines. I sought to build a simple app to assist with routine creation.

Sketches of an app concept

Challenges

Unfortunately, the official site, while filled with information, is a mess. It is also not friendly on mobile browsers because it is using dated markup. Other instructors I had spoken with indicated that whatever methods they used to create and organize their routines were also a mess. Word documents scattered around their desktop and various folders, numerous Google docs with confusing names, etc.

Process

Other fitness programs, such as Schwinn Indoor Cycling, have had handy teacher resources, and I wondered how Lagree could benefit from something similar.

The Megaformer M3S
An assortment of screens from an early design of a megaformer app

Results

The prototypes gave users something tangible, which led to vital feedback I applied to future revisions of this app.

 

Mörkal Komborg Kickstarter Project

Creative Direction / Writing / Illustration

From page 5 of the zine:

"Welcome to the longest-running deathmatch in the known universe. Fighters from every corner of every dimension engage one another in combat on these accursed battlegrounds. Mörkal Komborg takes place in the Mörkvärld, a floating castle-island surrounded by the shards of countless realms that it has absorbed."