Conversion Glossary

The ABC’s of marketing

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

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).

Deliverables

Concept, design, identity, illustration, website

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.

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.

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

↓ Archive of Work / 2009-2017

Highlighting a selection of works from over 10 years of design leadership. Crafted by mentorship, management and growth of multi-disciplinary design teams.

Denis Suhopoljac
design director

Denis Suhopoljac
design director

Email —
d[at]heysuho.com

Email —
d[at]heysuho.com