A platform to detect fraud

The Fraugster platform was designed for fraud analysts to catch fraud in online payments

Product design

As a product designer at Fraugster, I am part of the development team, delivering new sections and features to give fraud analysts the right tools to manage risk and catch fraud. During my time at Fraugster, I carried out a redesign to our product, and created the Fraugster design system.

Redesign case study

Writing sophisticated rule logics to catch fraud made easy and fun.
Drag and drop, collapse groups, interactive connectors and more.

Design system

As part of the product redesign project, I created a complete styleguide including all our components, elements, sizes and colors to guide our current and future developers and designers in the product team to ensure consistent UI throughout the product.

See the full styleguide

Visual coding

In addition to design, I'm also a visual developer. Working with the dev team, doing style coding and animations in our Angular webapp and React website. In those examples, I used three.js to create interactive 3D visuals for our new product pages in Fraugster's website.

Click to open
Click to open

You can see the final result of the product pages in Fraugster's website. I was responsible for the overall three.js animation, SVG animations and the overall design of the pages.

Go to the product page

Video and motion

In November 2020, we released a major product update we've been working on. For the release, I created an explanational video where I'm telling about all the new features.



A motion graphics video I made for the screens in our booth for the Money2020 conference. I used Plexus to create the visuals and animate them in After Effects.

3D

A booth prototype I created for our yearly participation in the biggest fintech event, Money2020.