Secjur project

Project Details

Goal

Sensitize and make cybersecurity approachable for companies while creating a friendly and fresh look.

Team

UX/UI Designer, Marketing manager, Developer and Senior Designer.

Situation

New German regulations make it difficult for companies to comply with every detail. Secjur has the solution with its friendly platform where you can check and manage every part of the process.

Project Details

Goal

Sensitize and make cybersecurity approachable for companies while creating a friendly and fresh look.

Team

UX/UI Designer, Marketing manager, Developer and Senior Designer.

Situation

New German regulations make it difficult for companies to comply with every detail. Secjur has the solution with its friendly platform where you can check and manage every part of the process.

01 Previous page

Pain Points

According to SEO, the website lacks pages.

Information architecture is not adjusted for the users' search and main brand messages.

Competitive advantages should be more displayed on several pages.

02 Heuristic principles

Recognition rather than recall

Sections are not clearly divided, and there is no font hierarchy.

Instead of abstract illustrations portraying data security, we could use more icons and illustrations related to the topic.

Flexibility and efficiency of use

When entering the magazine page, there are no breadcrumbs or any indication of which category I am in.

Help and documentation

We lack pages for main services such as Data Protection and Information Security.

03 Persona

Defining a persona was important because it helped us understand our audience's priorities. By examining their attitudes towards cybersecurity, we were able to determine what information was necessary, as well as the appropriate tone and organization for conveying it. Our goal was to ensure that they could easily comprehend the advantages of Secjur.

Fred Wenheim

Project manager

Country, City

"I am always in a hurry, I don’t understand the technology lingo"

Situation

Fred has little time. He or his assistant has selected a pre-list of possible companies that help the company to comply with new regulations and protect his company from possible threats in cybersecurity.

He is no expert on the subject, but he researches his regular sources and checks each page, all with complicated words and long solutions.

Frustrations

Changing threat landscape: It can be challenging for a project manager to stay up-to-date on the latest threats.
Lack of expertise: He may struggle to find a company having the necessary expertise to address the specific security needs of his organization.

Goals

Protect organizational data: The primary goal is to protect the organization data and systems from cyber threats.

Comply with regulations: The organization may be required to comply with specific regulations and standards for data protection and security.

04 Workflow

New pages: "Software" "Reference and Cases"
"Pricing Information" "Dedicated Services"

Regular patterns: keep "Software", “References" and "How to" in as many pages as possible consistently.

Main tasks

Action:

A concrete action we would like the user to do (an objective). Example: In the about page, we would like the user to contact us or to go to our services page (keeping them on our website)

Informing and convincing:

We need the user to understand the key messages.

06 Style guide

Typography and brand colors

05 Hierarchy Information

As a part of the process, we defined the priorities of each page, trying to focus on the main intention so we could organize the information according to that criteria.

Main tasks

Action:

A concrete action we would like the user to do (an objective). Example: In the about page, we would like the user to contact us or to go to our services page (keeping them on our website)

Informing and convincing:

We need the user to understand the key messages.

07 Design System

Sliders (mobile)

Depending on the number of sliders, two types are used. If there are more than three sliders, it is chosen to indicate to the user with arrows and numbers how many slides are in total. If the number of slides is below three, the line sliders are chosen.

05 Hierarchy Information

As a part of the process, we defined the priorities of each page, trying to focus on the main intention so we could organize the information according to that criteria.

Main tasks

Action:

A concrete action we would like the user to do (an objective). Example: In the about page, we would like the user to contact us or to go to our services page (keeping them on our website)

Informing and convincing:

We need the user to understand the key messages.

05 Hierarchy Information

As a part of the process, we defined the priorities of each page, trying to focus on the main intention so we could organize the information according to that criteria.

Main tasks

Action:

A concrete action we would like the user to do (an objective). Example: In the about page, we would like the user to contact us or to go to our services page (keeping them on our website)

Informing and convincing:

We need the user to understand the key messages.