Design System for a Global B2B Cybersecurity Company

Brand Messaging, Positioning Line, Logo Design, Illustrations, Web Design, Micro Animations

Client
Fortuna Identity
Industry
Cybersecurity
Headquarters
Texas, USA
Target Audience
B2B Enterprises
Positioning
a purple and blue background with two square objects
Visual Design
Colour
Identity Design
a white and blue circle on a white background
illustrations
a cell phone with the text smart systems, secured right
Website design
RESEARCH INSIGHT
the words solid and studdy core are blue
RESEARCH INSIGHT
BRAND IDENTITY
a white circle on a blue background
BRAND IDENTITY
VISUAL
LANGUAGE
two square objects with a blue center and a yellow center
VISUAL
LANGUAGE
Positioning STRATEGY
a blue background with the words simple smart secure
Positioning STRATEGY
WEBSITE DESIGN
a smartphone with the text smart systems, secured right
WEBSITE DESIGN
OVERVIEW

Establishing the Presence

Fortuna Identity had the leverage of deep domain knowledge and expertise. This however needed to be brought forth in their presence. Moving from being a service provider to leveraging their past work to create a foothold in the global competitive market by establishing a cohesive brand. The brand had not undergone any updates. As a result of which attracting new and fresher talent was seeming to be a challenge.

The project was a collaborative partnership, where we understood their market and their niche, we discovered having a unique identity, standing apart and coming across as agile yet rooted with strong foundation was the way to go.

Fortuna identity stands for
Expertise
Adaptability
Partnership
project approach
01

Cohesive brand identity

A brand identity that is refreshingly new, has the depth of the company’s offerings and has tremendous extendibility in various collaterals.

02

Solid, unified positioning

A positioning statement that sums up the value that is brought to the table by Fortuna Identity in a simple and effective way.

03

Memorable online presence

A website that can not only clearly communicate offerings, value propositions, but also further establish the renewed brand language.

04

Amplified design language

A design language that amplifies the narrative with the help of animation and interactions, that strengthens user engagement.

a screen shot of the zero trust website
the website for fortuna identity
Before
After
Messaging | Research

Thorough landscape analysis

A subject matter like cybersecurity, responsible for safe-keeping data worth millions, requires a deep dive to ensure at least a basic understanding of the services being provided. Being able to build credibility and trust in the company by means of the website and other visual design components.

The team conducted thorough competitive analysis, secondary research and benchmarking to:

  • The current trends pertaining to visual design, messaging and brand identity.

  • Understand content architecture with respect to approaching complex subject matter.

a computer screen with a bunch of different colors on ita white background with yellow text that says industry standard keywordsa white poster with a bunch of words on it
Insights

Cybersecurity is dynamic in nature

Gaining a deeper understanding of the offerings, along with the secondary research of other cybersecurity companies globally in varying capacities - established with a legacy + new age startups disrupting the market - the team was able to get a bird’s eye view of the landscape.

The findings and insights narrowed down by the end of the research phase enabled the team to deeply ingrain these understandings into design.The clarity in the needs of the users and of the current landscape paved the way not only for nuanced brand design but also for the design systems.

a screen shot of a website page with text
Positioning

Simple. Smart. Secure.

Positioning would play a crucial role in establishing trust, credibility and reliability in a cybersecurity company. Keeping the statement simple and inclusive of the core aspects essential to Fortuna Identity.

Simple. Smart. Secure. resonated with Fortuna Identity, encapsulating the simplicity of the service, the smartness of the systems, and the security ensured to the clients.

undefined
Identity

Dynamic logo & its applications

For Fortuna Identity, we chose to build a dynamic logo that had vast applications in multiple aspects of the brand and the website.Using the core form and its treatment, we were able to build assets that represented the value propositions presented by Fortuna Identity.

The extension of the logo form into iconography, imagery, and symbolic representations enabled a cohesive visual design across the website. The rings were ever present in the backgrounds, in animations, as well as encapsulating architecture in larger than life imagery.

KEy words - Logo
Vision
Reliability
Adaptability
Secured Flexibility
a picture of a person's eye and a picture of an eyeballthe logo for fortuna identitythe logo for the fortuna identitya cell phone with an ad for a company
Visual Design

*Heading for visual design*

a white background with a purple and yellow rectangle
COLOR

A brand renew for a global scale reach warranted a unique color palette that brought the brand to attention but also made it memorable in an ocean of cybersecurity companies.

a computer mouse pad with an abstract design
a and a sans sans sans sans sans sans sans sans sans sans sans sans sans
TYPOGRAPHY

The chosen typeface, Anderson Grotesk, delivers versatility with its extensive weight range, offering bold emphasis and delicate subtlety as needed. Paired with Open Sans for body text, our typographic strategy not only enhances readability into the user interface and overall compositions.

a blue sign that says smart systems, secured right
ILLUSTRATION STYLE

Inspired by the brand's logo, the recurring eye motif reinforces the core visual identity. We infused the designs with light gradients for depth, anchored by a robust primary purple, achieving a harmonious blend of color and form.

Fortuna identity Illustration style
an eye is shown in the middle of a purple background
a set of three business cards with a swirl design
IMAGE TREATMENT

Leveraging the grandeur of architectural photography as a backdrop, we integrated the logo's rings to symbolize security, giving Fortuna Identity's visuals a distinctive flair. This thematic imagery, extending to blog and use case pages, distinctively sets Fortuna's digital presence apart.

a picture of a bridge with blue circles around it
a purple and blue banner with a picture of a city
website Design

*Heading for website design*

a screenshot of a landing page for a company
CONTENT FRAMEWORK

The website was designed with a content framework aimed at accessibility of information for a visitor in an education or comparison phase. To make this process easy, the solutions, technology, product pages held a secondary navigation bar to navigate to the next pages quickly.

Fortuna identity Illustration style
a bunch of different types of text on a white background
WIREFRAME

The wireframe for the website was developed in tandem with the content framework aimed at giving appropriate information at the right juncture for the visitor, motivating them to take the intended action.

a picture of a bridge with blue circles around it
a screenshot of a landing page for a company
HERO SECTION

Four slides that touch upon the core offerings of Fortuna Identity to help the visitor clearly identify their needs and take apt action.A corresponding visual drew association to the services at hand.

a bird flying through the air with a yellow light in its beak
undefined
MOBILE RESPONSIVENESS

A highly scalable website demands seamless responsiveness among devices ensuring all users get the same experience and engagement without losing out on the crucial information.
Fortuna Identity’s extensive usage of animations and design system is brought to small and big screens alike.

a cell phone with an ad on the screen
INTERACTION Design

*Heading for interaction design*

a web page for a technology company
LOTTIE ANIMATION

Utilizing Lottie animations for the website enabled us to explore ways to add motion into pages that otherwise carried complex and serious and text-heavy content.

two cell phones with a website on the screen
a computer screen with a purple and blue background
a man with grey hair and glasses wearing a purple shirt

The team put in the effort to understand the offerings. The result was design that resonates with our clients and peers.

TC ASHok
Co-Founder & CEO, Fortuna Identity

Backed by Process

We were backed by a meticulous process where we researched, got a deeper understanding of the industry and the company’s offerings, did the right benchmarking, put two and two together.

This process ensured that Fortuna Identity's brand identity, website, and print assets were not just aesthetically pleasing but also strategically aligned with the company's unique value proposition. The comprehensive approach of combining research, benchmarking, and creative synergy laid the foundation for a successful and seamless representation of  Fortuna Identity's mission in the import ecosystem.

a woman wearing glasses and smiling in front of an orange circle
We were able to add significant value to the company with the brand and website refresh by means of a very solid concept that was extended seamlessly to communicate the offerings– yes, but also the value and reliability any enterprise would obtain by partnering with Fortuna Identity.
Sanjana Hanagodimath
PROJECT LEAD
a computer screen with a web page on it