TripIt Empty States
An opportunity to solve the scaling problems, as well as update our in-app illustration style to be more in line with the brand refresh.
The objective was to create a new set of empty state illustrations that were visually in line with the new style that the marketing team had introduced, while ensuring that the composition of the illustrations made it easy for the developers to implement them across any screen size.
Iteration and Solution
We explored a range of options including but not limited to: 9patch image formatting, floating image composition, clever scaling… etc. In the end we decided the most simple solution was to create a series of contained images that work when appearing full-width on a smaller screen but would work just as well floating on a wider screen such as a tablet.