Our Work

Inovatiq

By April 3, 2018 No Comments

Intro

ANCHOVY. was approached by Inovatiq, an initiative focused on increasing online casino traffic, to create a friendly and recognisable brand including a landing page and online and offline assets. Here’s how we took on this challenge:

Intro

ANCHOVY. was approached by Inovatiq, an initiative focused on increasing online casino traffic, to create a friendly and recognisable brand including a landing page and online and offline assets. Here’s how we took on this challenge:

Branding

STARTING POINTS

After meeting with the client, we extrapolated keywords which formed the backbone of the project and which we wanted to keep in mind at every decision to make sure we captured the spirit of what they wanted to communicate.

LOGO DEVELOPMENT

Inovatiq’s primary logo consists of a lock up of a coloured monogram within a word mark supported by the company’s slogan.

Since the client wanted to represent their primary words of value in the logo, we decided to make a custom rounded typeface with minimal sharp edges so it makes the form more friendly, appealing and approachable.

For the subslogan it is important it exists harmoniously with the main logo, but structured not to detract from the importance of the main logotype. Because we wish to have a lot of circular shapes within the type of the main logo, it is visually better to contrast and balance it with a sharper typeface. We increased the letter spacing to pronounce the sub-slogan’s significance.

LOGO DEVELOPMENT

Inovatiq’s primary logo consists of a lock up of a coloured monogram within a word mark supported by the company’s slogan.

Since the client wanted to represent their primary words of value in the logo, we decided to make a custom rounded typeface with minimal sharp edges so it makes the form more friendly, appealing and approachable.

For the subslogan it is important it exists harmoniously with the main logo, but structured not to detract from the importance of the main logotype. Because we wish to have a lot of circular shapes within the type of the main logo, it is visually better to contrast and balance it with a sharper typeface. We increased the letter spacing to pronounce the sub-slogan’s significance.

THE GRID

We’ve constructed the type utilising various grid systems to explore unique attributes applicable to the brand. Grids help to maintain consistency throughout the individual characters.

LOGO MARK

We developed the ‘IQ’ so it would both blend into the logotype and act as a strong individual logomark.

The monogram could be used when the full primary logo is not necessary, for example where the brand name is spelled out in plain text, or the primary logo was already used with the same context.

LOGO MARK

We developed the ‘IQ’ so it would both blend into the logotype and act as a strong individual logomark.

The monogram could be used when the full primary logo is not necessary, for example where the brand name is spelled out in plain text, or the primary logo was already used with the same context.

THE INOVATIQ GRADIENT

Colour is an important part of the brand identity. Therefor we made an recognisable orange gradient that is used throughout the branding. This colour is being supported by a dark grey, which creates a high value in contrast.

THE INOVATIQ GRADIENT

Colour is an important part of the brand identity. Therefor we made an recognisable orange gradient that is used throughout the branding. This colour is being supported by a dark grey, which creates a high value in contrast.

TYPEFACES

The Inovatiq brand uses two font families. The primary font mainly used for title sections, is Nexa Bold. The secondary font, used for body text, is Muli.

APPLICATION

With the main brand elements created we turned our attention to the brand peripherals, and created the artwork for Social Media channels, business cards and finally the brand guidelines.

APPLICATION

With the main brand elements created we turned our attention to the brand peripherals, and created the artwork for Social Media channels, business cards and finally the brand guidelines.

Landing Page

WIREFRAMING

With the brand itself clearly defined, we shifted our focus to creating a landing page that would clearly communicate what Inovatiq is all about. We started off by creating the structure of the page while keeping in mind the content which would prove most useful to landing page visitors.

WIREFRAMING

With the brand itself clearly defined, we shifted our focus to creating a landing page that would clearly communicate what Inovatiq is all about. We started off by creating the structure of the page while keeping in mind the content which would prove most useful to landing page visitors.

STYLE GUIDE

After the blueprint of the landing page was created, we created a style guide that would drive both this landing page, and any future digital assets created by the company.

FORM STYLING

Due to the importance the job application flow and contact flow held, proper form behaviour was essential. Due to this we also included strict guidelines explaining form behaviour and outlining all different possible states.

FORM STYLING

Due to the importance the job application flow and contact flow held, proper form behaviour was essential. Due to this we also included strict guidelines explaining form behaviour and outlining all different possible states.

THE JOB APPLICATION FLOW

The job application flow was very important to Inovatiq. Therefore it was essential that it was not only easy and intuitive, but that the brand identity was communicated through every step of the journey.

THE JOB APPLICATION FLOW

The job application flow was very important to Inovatiq. Therefore it was essential that it was not only easy and intuitive, but that the brand identity was communicated through every step of the journey.

THE FINAL PRODUCT

After the style guide and user flows were finalised, we proceeded to wrap up the design for a page that works flawlessly across different devices.

Browse More Projects

IS YOUR BUSINESS FUTURE-PROOF?
Take the Assesment, it's free!
close-image