Everything visible. Everything secure.
Role Visual Design, Branding, Graphic design, Marketing
Timeline From 2018 Feb - present
Team Qualys marketing team, Develop team, Communications team
Tools Adobe Illustrator, Adobe Photoshop, Adobe Efter Effects, Adobe InDesign, InVision, Sketch, PowerPoint, Excel
Qualys is a global IT security company that provides cloud-based security service. Qualys has more than 1400 employees and over 11,000 customers around the world.
I have been creating Qualys’ marketing collaterals including the company’s web pages, promotional booklets and other printed materials, email templates, and event branding by using their newly renewed logo and the brand guidelines. At the same time, I have been optimizing and enhancing the branding by adding new visual assets including new illustration styles - company characters, Isometric icons, and other graphics.
This page presents my creative process while also displaying what I have achieved in the past two years with this company.
Communicating the values and personality of the brand
To promote the Qualys Cloud Agent and the company’s chatbot I designed original characters, including Agent Q, from scratch. The illustrations are used on the company’s webpages and printed materials.
Qualys Cloud Agent webpage
After I created the Agent characters, I redesigned the whole Qualys Cloud Agent webpage. It had more text and fewer images which weren’t effective for viewers. Now the page has more images that grab the users’ attention and make the content look more interesting.
The company also featured them on other web pages. The characters are becoming beneficial in introducing the company’s new products and services because without them these web pages would be too text-heavy and overly sober.
By adding movement to the illustrations we intended to immediately capture the eye of the user and make the content more accessible. To make these animated illustrations, I collaborated with an animator. I created the illustrations and provided the files and she added the movement.
The illustrations and the characters are generally omitted from tablet and mobile versions because of the smaller screen sizes. However, to avoid text-heavy content, we still display the characters on a small portion of the page.
One challenge during this process was that Qualys did not have any style guidelines for illustration and character development. I had to create the characters from scratch through research and ideation, simultaneously developing an illustration style along the way. I personally did almost all of the designs, including the ideation, hand drawing, and digital sketches, and I finalized these with the creative director.
After we gathered the initial ideas for the characters - a man and woman in a suit - I hand drew the sketches. During this phase, I was able to figure out some key gestures and movements for the characters.
The main gesture for the male agent is of him looking through binoculars, which represents his efficiency as a problem solver. The female agent is standing and holding a tablet, which represents her readiness to analyze the customers' pain points and what they need.
To finalize the characters I have experimented with different colors and coloring styles, to find the boundaries of each character’s expression.
Coloring option-4 & finalizing
Coloring option-4 & finalizing