Product Design

Quard Alliance

Quard.org is the company that fights water crisis with help of the modern technologies and solutions.

My task as a Chief Design Officer was to create unique visual identity and style for various media.

Overall Process
1
Create Visual Identity
Logo, Color guides, Illustration and infographic styles.
2
Create Presentation Design Templates
Templates for rapid presentation creation.
3
Create Web Site
Design system for web based on atomic design priniciples, 50+ pages web site.
4
Profit
With design system and visual identity guides we can maintain project and easily create new content.

Visual Identity

I've started with a logo. The idea of the sign is simple. It's a visual interpretation of water molecule (Two atoms of hydrogen and an atom of oxygen). Blue color was selected as primary as a simplest association with water.

For the text part slightly modified PT Serif is used.

Fonts

To give product a feel of maturity and go away from startup feeling I decided to use Noto Serif as a primary font for all headers.

Color schemes and gradients

I created a simple pallette for basic usage and advanced one for infographics.
Basic colors
Guide for gradients creation for infographics based on primary colors

Infographics

Since one of primary Quard's tasks is to provide complex analytical information we needed to create and maintain infographics style. I made a guide which contain basic rules for color and logic for junior designers.
Infographic examples

Illistrations

We wanted to make brand as friendly as possible. For that purpose for the illustration style I decided to use textured flat with using of simple shapes as a basis.

Presentation design

I made a lot of templates in Sketch which allows us to create presentations in different languages in nearly no time.

Web site

One of the biggest and most interesting tasks was to create a corporate web site.
We created more than 50 adaptive pages based on 12 coloumns mixed with 8px grid system.

New pages creation and updating rapidly is possible since I established simple design system based on atomic design conception.