Supermetrics
Helping marketers get data
3D illustration3D visualizationBrand identityMotion graphicsPrint productionUX/UIWeb 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.
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 typography1 Supermetrics typography2 Supermetrics typography3 Supermetrics custom font2 Supermetrics custom font3 Supermetrics custom font4
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 colors
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 sketches2 Supermetrics sketches6 Supermetrics sketches7 1 Supermetrics sketches8 1 Supermetrics sketches5 Supermetrics sketches4 Supermetrics sketches3 Supermetrics sketches
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 illustration1 Supermetrics low fidelity illustration2 Supermetrics low fidelity illustration3 Supermetrics low fidelity illustration4 Supermetrics low fidelity illustration5 Supermetrics low fidelity illustration6 Supermetrics low fidelity illustration7 Supermetrics low fidelity illustration8
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.
Supermetrics mike Supermetrics anna Supermetrics david Supermetrics victoria Supermetrics andy Supermetrics anni Supermetrics pixel Supermetrics avatars
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 gadgets1 Supermetrics 3d gadgets3 Supermetrics 3d gadgets4 Supermetrics 3d gadgets8 Supermetrics 3d gadgets6 Supermetrics 3d gadgets5 Supermetrics 3d gadgets12 Supermetrics 3d gadgets7 Supermetrics 3d gadgets11 Supermetrics 3d gadgets10 Supermetrics 3d gadgets2 Supermetrics 3d gadgets9
Supermetrics product logos1 Supermetrics product logos2 Supermetrics product logos3 Supermetrics product logos4 Supermetrics product logos5 Supermetrics product logos6
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.
Supermetrics web1 Supermetrics web2 Supermetrics web6 Supermetrics web blog2 Supermetrics web5 Supermetrics web7 Supermetrics web8 Supermetrics web blog
Supermetrics general banner bike Supermetrics general banner chair Supermetrics banner1 1 Supermetrics e book cover marketing data warehousing Supermetrics hoodie Supermetrics t shirt Supermetrics bedtimestories Supermetrics toaster Supermetrics lightbulb
Logoholik & Supermetrics team:
Bojan Stefanovic, art direction
Ivana Pesic Forbes, head of design @supermetrics
Sava Stoic, lead illustrator & designer
Ivan Stefanovic, 3D visualization, modeling
Aleksandar Kostic, character design, 3D motion graphics
Nenad Zivanovic, motion graphics