Lots of users were already familiar with the Iterable brand, so our goal was
to keep it as close to the original brand look and feel yet make an evolutionary refresh.
We started iterating on the logo update first thing. We did a couple of experiments with the logo elements such as angle of the elements, corner roundness,
and other small details.
The original Iterable logo had a few gradients and different shades of orange and yellow that we wanted to save (with small adjustments). Our branding team prepared a color palette to help interface designers maintain consistency across all of the brand items, including the website.
As we mentioned, the original logo has its own gradients. Considering the current trends in user interface design, we discussed which tones could work well for UI elements such as buttons, etc. and added two gradients to the brand guide.
Coming back to the question of consistency, the branding team prepared a wider color palette to help our illustrators in future work. At this time we didn't have an idea what the illustration style should look like, so we created 25 different tones, including soft and vibrant options.
When we started our work on the website interface, we made the decision to figure out what the header should look like. This element of the website is the first thing that our visitors will see. We had a lot of discussions and iterations of the header design to determine a general look and feel.
After joint discussions between our and Iterable's teams (who had a great experience in making websites that measurably work), we decided to humanise the brand and create a friendly and kind illustration for all user groups. As you can see in the illustration below, we've incorporated different ages and nationalities to make it feel natural and more diverse.
Eventually, we decided that this wasn't enough. Aside from just different personalities and characters, we also needed to incorporate a mascot that would live as a helper and service representative.
As soon as we got to this point, we had the idea to incorporate a fox as the service mascot.
Fast, smart and sometimes cunning (in a good way of course), a fox was a good fit.
We designed male and female fox mascot for different cases and illustrations.