Context

Avatao is a secure coding training platform that made its mission to help developers write vulnerability-free code. The idea is to deliver the right knowledge to the right people at the right time. The platform and its content are adapting quickly to meet the needs of a new era of cybersecurity.

It started as an idea in the head of a few graduate students for a side project. The same year, the founders of the start-up decided to go after their goal of teaching cybersecurity in a highly scalable and practical way. Their idea became a success, and Avatao was born, allowing learners all around the world to acquire highly specialized security knowledge.

Themes and attributes

Modern - Fresh - Contemporary - Calming - Professional - Sophisticated

Website

The website for Avatao presents information about their product, their mission, cybersecurity-related information, and the blog they provide. Consisting of several long-scroll pages, the site is easy to navigate, responsive, and persona specific.

The landing page provides general information, shows examples of how the product can help companies achieve their goals, and offers testimonials from users. After learning about the site, users can request a demo call by providing basic information.

We had a brainstorming session with the business team about marketing and sales goals for the site, to determine necessary pages and discuss the overall experience. The insights my team and I gathered guided the initial site sketching and wireframing.

Brand colors

Guided by mood boards, my team and I iterated broadly and played with typography, graphic elements, colors, and shapes to ground the mark. The brand color palette focuses on modernity and sophistication. We chose the brand colors based on the universal human experience that the use of color in design can affect the emotions and moods of the people viewing the palette. Blue makes the majority of people feel safe and relaxed, it evokes trust too. Dark blue gives a professional feel to the interface. To complement this choice, we paired it with a bright green color that is easy on the eyes and depicts growth and security.

Typography

Lato - is a humanist sans-serif typeface designed by Łukasz Dziedzic and was released in 2015. The semi-rounded details of the letters give Lato a feeling of warmth, while the strong structure provides stability and seriousness.

Open sans - is a humanist sans serif typeface designed by Steve Matteson. Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.