↓ Conversion Glossary
The ABC’s of marketing

 

Mobile first design, coupled with a distinct colourful illustrative style. An adventurous learning environment of discovery & revelation.

conversion-glossary-mobile-render

Conversion Glossary

The key to any successful marketing campaign are conversions. Turning qualified leads into happy customers is hard work, but it doesn’t have to be so complicated. The user experience was built on 4 core elements: definition, exploration, training and validation. The hive of terms were colour coded for optimal way-finding, while illustrations provided the necessary definition and identity fidelity. A well-thought-out user experience coupled with plenty of SEO organic fodder.

Team
Denis Suhopoljac (art director)
Alejandra Porta (lead designer)
Cecilia Martinez (interactive designer)
Denise Villauneva (interactive designer)
Mike Martin (front-end developer).

 

Activities
Ideation
Identity Design
Brand Design
Information Architecture
Usability Testing
UX Design
UI Design
Project Management

 

conversion-glossary-id-01
conversion-glossary-id-02

The identity had to represent the 4 core elements of the user experience. The bookmark for definition and the pencil for validation, accompanied by the ability to explore via search and test your knowledge.

The identity had to represent the 4 core elements of the user experience. The bookmark for definition and the pencil for validation, accompanied by the ability to explore via search and test your knowledge.

conversion-glossary-logo-sketches
conversion-glossary-typography
conversion-glossary-colours

Iconography was colour coded based on the alphabet sequence. It used a unifying hexagonal container and a monotone approach. This resulted in a colourful cohesive look, reinforced by the fusion of flat and line icons.

Iconography was colour coded based on the alphabet sequence. It used a unifying hexagonal container and a monotone approach. This resulted in a colourful cohesive look, reinforced by the fusion of flat and line icons.

conversion-glossary-wireframes
conversion-glossary-mobile-render
conversion-glossary-mobile-render-01
conversion-glossary-mobile-render-02
conversion-glossary-mobile-render-03
conversion-glossary-mobile-composition-04
conversion-glossary-desktop-composition-01
conversion-glossary-desktop-composition-02
conversion-glossary-desktop-composition-03
conversion-glossary-desktop-composition-04

— Denis Suhopoljac
Design Leadership @Asana
Previously @unbounce
Footy Fanatic. Metal nostalgic \m/
Born in Bosnia. Raised in Germany. Living in Canada.

— Contact
d[at]heysuho.com