Here you'll find my User Experience and Visual Design case studies and example work. You can also read about my design thinking, branding process, and illustrations.
Group 19

Operation Sunshine Re-skin

It takes a great deal of cross-team collaboration, research & planning, and constant communication to reskin a massive app like this one.

Operation Sunshine Re-skin

It takes a great deal of cross-team collaboration, research & planning, and constant communication to reskin a massive app like this one.

Not long after joining WorldWinner, my team and I determined that the best user experience for our app was one that had: 

  • Brighter and more accessible color palettes.  
  • Up-to-date aesthetics to inspire trust in our company.   
  • Theming that can be used to tell a narrative and increase engagement. 
before2

Before the re-skin: Overall darker color schemes with primarily single color palettes. Buttons and UI were based on the "glass" visual design style that was popular about five years ago.

Scope & Mapping

The most difficult part of this project was inventorying everything in the app that needed to be skinned. It is more than just the Main five tabs, a menu, a profile… It’s hundreds of different states for buttons, dialogue boxes, errors, forms, tutorials, and win/lose conditions. We also had to manage the scope of new features that would be included in this new design. Because we were looking at the user experience and design of the app through fresh eyes, there were a countless number of things that we felt could be improved. Our team went through expansion and then retraction exercises to discover all that we wanted to change but then pare down to what we wanted to include in this effort only.  

after2

After the re-skin: Using white tiles to increase contrast for readability. Updating UI elements to reflect a modern look. 

Visual Design

It was important to maintain this to reduce the amount of re-iteration, keep the number of delivered assets to a minimum, and produce a unified final design across the entire product, so we maintained a component library in Sketch that could be linked to any of our individual feature files. Multiple visual designs were looked at before we landed on the one that best represented our brand, but with a linked library system we were able to keep all features up to date as new decisions were made.  

The WorldWinner Production Process

Introducing User-Centered Design processes into an existing workflow is a challenge. Everyone could understand the benefits of the new practice, so it was only a matter of iteration and discovery for us to find a common language and process around making it happen.

The WorldWinner Production Process

Introducing User-Centered Design processes into an existing workflow is a challenge. Everyone could understand the benefits of the new practice, so it was only a matter of iteration and discovery for us to find a common language and process around making it happen.

View Another Project

BevSpotProject type

James CarrollWebsite Design

AerobatsBranding, UX, and UI Design

IndycarUX and UI Design

AVID Checkout ExperienceDesign Sprint and Visual Design

ZipcarUser Experience and Visual Design

617-390-3116 • write me @ifyoumake.it • Boston, MA