Elin.

work

Auditious

Web app

Data protection made easy.

This brand new company needed help with designing a dashboard to show potential investors how the product would work.

the problem

Companies today struggle with data protection, and GDPR has not made it easier. There is also a lack of transparansy for investors to see how well companies in their porfolio are doing when it comes to data protection.

goals

  • Create a dashboard that works well for the users.
  • Make a dashboard that potential investors can understand.

my role

UX-designer and designer.

  • Pen & paper
  • Personas
  • Empathy map
  • Prototyping
  • Low-fidelity mockups
  • High-fidelity mockups

user research

From the user research, I got the information that it was important to have an overview to easily see how the businesses are doing, and how to fix any security problems. I create personas and an empathy map when doing the research:

Personas:

I came up with two personas that I thought were the base users for this web app:

The investor. The investor wants to know about the data protection in the companies he/she have invested in. The investor need a quick overview on how things are going.

The lawyer. The laywer wants to know the specific problems about the companies data protection to be able to help fixing them.

Empathy map
Empathy map

solution

  • Workshops with the founder to get as much information about the company as possible.
  • Find other dashboards on Dribbble, Behance and UpLabs to get inspiration.
  • Use clear colors such as red for danger, yellow for warning and green for good.
  • Accounts for the users to see the companies they have invested in.
  • Add insights about the companies. This let’s the user see how the data protection is going for the specific company.
  • A clear menu to the left where the user can navigate to different parts of the web app.

wireframes

I had a lot of ideas about how it would work and feel. Here are some examples of the prototypes I made with pen & paper and then the one we liked the most as a digital mockup:

Pen & paper
Pen & paper
Digital version
Digital version

high-fidelity mockups

After a few iterations with the founder, I created a high-fidelity mockup in Sketch to be included in the pitch deck that was shown to the potential inverstors. I also replaced the pie chart after reading this.

Auditious dashboard
Auditious dashboard

learnings

  • Improved my research skills.
  • Found new websites for inspiration(uplabs.com, behance.net).
  • Working with statistics and charts.
  • Working with color patterns.
👉 Say hello atelin.ejdersand@gmail.com
© 2025 Elin.