SMS ENVOI | UI DESIGN

Brand refresh for French business messaging company.

SMS ENVOI | UI DESIGN

Brand refresh for French business messaging company.

Overview

SMS Envoi are a Marseille-based company specialising in SMS and email marketing. They are a trusted business partner for a range of well know French brands including La Redoutte and Renault. Their online messaging software allows customers to send messages via a range of message channels and receive advanced reporting for their marketing.

Role

User research • UX design • UI design

Tools

Miro • Figma

Challenge

We have decided to modernise the website due to an outdated look and feel which did not give the company a specific visual identity.

Solution

As it was a self-serve budget focussed brand, a decision was made to create a more playful and less corporate look and feel to the website. A bold and vibrant colour palette including gradients, was paired with a lively 3D illustration style and a more rounded playful font.

Outcome

A modernised website provided the company with a more visually coherent and easily recognisable identity which, as a result, helping the brand to stand out in a highly competitive marketplace.

Process

Styles & Components

Our research showed that none of the company’s competitors were using 3D illustrations and therefore it was decided to apply this style as a way of differentiating the brand in the market. 3D illustrations and gradient colour palette provided also a playful look and feel which harmonised with the budget character of the company.

Colours

Action colours

Gradients

Text and surface colours

Typography

Nunito
Grumpy wizards make a toxic brew for the jovial queen.
AaBbCcDdEeFfGgHhIiGgLlKkMmNnOoPpQqRrSsTtUuVvWwXxYyZz
123456789
!@£$%^&*(){}[]?
Open Sans
Grumpy wizards make a toxic brew for the jovial queen.
AaBbCcDdEeFfGgHhIiGgLlKkMmNnOoPpQqRrSsTtUuVvWwXxYyZz
123456789
!@£$%^&*(){}[]?

Typescale

Heading one
48px/56px
Heading two
40px/48px
Heading three
32px/40px
Heading four
28px/40px
Heading five
24px/32px
Heading six
20px/32px
Body copy
16px/24px
Body copy small
14px/20px
Caption
12px/20px

Illustration style

A vibrant 3D illustration style was utilised. This was a visual treatment that hadn't been applied by any of SMS Envoi's closer competitors, and so this style helped distinguish the brand to prospective customers.

Illustrations were composed using a library of 3D isometric objects

High fidelity mockups

A high fidelity mockup of the website for desktop users was created to cater for what would be the greatest proportion of traffic visiting the website.

Homepage concept for desktop users

Product page concept for desktop users

Making things responsive

Whilst desktop users accounted for the majority of website traffic, it was important that the website was responsive and therefore considered users on different devices, from tablet and smaller screen laptops, down to mobile devices.

SMS ENVOI | UI DESIGN

Brand refresh for French business messaging company.