Supermetrics

Helping marketers get data

3D illustration 3D visualization Brand identity Motion graphics Print production UX/UI Web design

Supermetrics lets you get the exact marketing data that matters to you; when you need it, where you need it.

Studio Logoholik, together with Supermetrics design director, shaped the new visual direction that better describes their superpowers.

Supermetrics old logo 1

Given the nature of the well established current logo, our logo re-design approach improved the typography and introduced a responsive and scalable icon system.

Supermetrics logo icon
Supermetrics logo primary
Supermetrics logo square
Supermetrics logo primary2
Supermetrics logo primary3
Supermetrics logo primary4
Supermetrics logo primary5
Supermetrics logo icon2
Supermetrics logo square2

Supermetrics typography2 — Supermetrics typography1

Well established typography hierarchy is crucial for every company, particularly of this scale. Besides general typography styles, we also created a custom typeface to match blog posts’ illustration style.

Consistent use of the proposed color palette will contribute to the cohesive and harmonious look of the Supermetrics brand identity across all relevant media.

Supermetrics icon concept
Supermetrics icon 1
Supermetrics icon 2
Supermetrics icon 3
Supermetrics icon 4
Supermetrics icon 5
Supermetrics icon 6
Supermetrics icon 7
Supermetrics icon 8

We created an extensive icon set – a unique combination of modern-retro 3D style. Three icon sets were produced – outline only, outline with white fill used against light-colored backgrounds, and colored version.

Supermetrics sketches6 — Supermetrics sketches2

For blog and similar tasks where production time is limited, we used a unique combination of modern-retro 3D outline style of illustrations. As their asset library is continuously growing, it will further help speed up the process by combining and rearranging existing images and icons (since they share the same design principle).

Supermetrics low fidelity illustration2 — Supermetrics low fidelity illustration1

For the website front page, header, explainer video, and any other highly visible and crucial real estate, we introduced unique 3D characters and illustrations.

Those share the same design principle of low fidelity illustrations with the added oomph of carefully crafted 3D scenes.

The central theme – marketing data – was subtly introduced in every 3D scene. The main goal was to illustrate separate website sections and “superpower” further marketing efforts. We also created several “Super gadgets” – ordinary, everyday used appliances with an added twist.

Supermetrics 3d gadgets3 — Supermetrics 3d gadgets1

Supermetrics product logos2 — Supermetrics product logos1

Supermetrics product logos share general design principles – high fidelity 3D style as a primary option + low fidelity outline style for small scale applications and blog graphics.

Once we created the visual style base elements, it was time for a website UI/UX overhaul. Together with Ivana, Supermetrics design director, we restyled every pixel, created a library of reusable elements, and gave their old website a well-deserved facelift.

Download guidelines→