FRAUD.NET

website
anti-fraud tech
2024 — 2025
about
Redesign of the website of an anti-fraud B2B SaaS product providing complex solutions for digital privacy and security sector. Designed in Figma, built on Webflow. It was one of the biggest projects I´ve ever worked on.
my part
Lead Product Designer / UX Research / UI Design / Design System / Production Revisions
/ QA / Parcial Webflow set up
challenges & how we solved them

Changing serious to engaging

The branding and the visual appearance of the website didn´t reflect the company´s new concept of staying at the edge of the technology and providing the top AI-powered platform for the fraud detection. The challenge was to create a credible and human face for a complex AI & data-driven solution.
So we did.
after and before
after and before
video recap
Rebranding had started with the new logo and brand identity provided by the graphic designer.
In the meantime I was working on Visual Benchmarking to see how we can stand out among the competitors. The main goal here was to catch the patterns specific for the digital security sector and watch the typical funnels used across the direct and indirect competitors.
Based on these findings we chose the color solutions and manner we approach the potential customer: combining dark and light sections, vibrant accents, cohesive illustrations and infographics, clear hierarchy with obvious CTA, and credibility gained with spotless appearance.
visual benchmarking
After the UX Research phase was done altogether with Info Architecture, we got to UIs and animation directing.

Since we had a pretty tight timeline, it was crucial to define priorities and go from the hardest to the easiest in the design process so we pass our screens to the production as soon as we could. We stated with the creative search.
I have led the process of creative search for the home page and after we proposed several options we started the UI work: the visual direction was defined.

On the strategy side: I´ve led meetings with the client at the time, partially coordinated inter-team work, while designing and making sure the structure and screens match the business goals.
Low engagement:

→ abstract video in the hero matching the product
→  angled separator in the hero section to add visual dynamic
→  interactive sections with related vibrant illustrations
Raising credibility:

→  integrated screens of the platform itself
→  testimonials
→  seamless responsiveness
→  clear structure of the IA and navigation
At some point I had to pick up the lead role in this huge project and thanks to the support of the team and gentle mentoring, it went real smooth and I managed to advocate for some cool creative findings that helped us to move forward achieving set business goals.

How we leashed the chaos with structuring what's visual

Atomic design approach is awesome but realistically we had to adapt it to our work with the client. After creating a couple of complete concepts we started establishing the Design System from atoms to templates to make elements unified across the project.
Some core pages where I designed some sections
It helped us to create a consistent appearance of the website and reinforce the brand identity throughout the digital presence of the company.
Among other things, I was advocating for the high-contrast solutions for the elements, so the project has at least AA-level of readability in any corner, enhancing the accessibility characteristics.
DS
We prepared a killer design system loaded with variables, components, and responsive elements. Working close with the engineers I went through each page I was working on, making it pixel-perfect and easy to product.
I even took part in a few workshops scheduled with our dev team where we went through the webflow essentials and used this knowledge to arm the screens with all the necessary details for the smoothest production ever.
Low brand presence:

→  using variables across the project
→  setting up the brand typography and color palette
→  search of available thematically-fitting illustration pack that can be used, in future, as well
Achieving consistency:

→  creating custom patterns for the CMS
→  using DS elements for the social media previews
→  using consistent elements and effects for the infographics
Fraud.net wasn’t just a website — it was a massive, complex portal built to educate users and clients on anti-fraud tech. With CMS integration, webinars, and tons of custom features, it was as exciting as it was challenging.

The design process was nonlinear, including lots of iterations and re-evaluations on the job done. The content was changing dynamically so it add up on the complexity of the task.

I contributed some standout creative ideas early on that became iconic for the site. From there, it was non-stop: pitching concepts, working closely with the client, refining layouts, and advocating for the strongest design choices.

Not gonna lie — the final result was OVERsatisfying.

Flexing a Webflow B2B website
across devices

The global stats says that the absolute most of the users surf internet from their phones. Fraud.net is no exception. I have created optimized mobile UIs for every screen I worked on and later on, run QA to make sure every design decision was implemented correctly.
I took part in creation of some responsive solutions for this project and working together with the devs and the rest of the team, we found the most optimal mobile format for everything from the nav bar to the footer.
Responsiveness in this project was much more than just changing the spacing and font.
In Fraud.net we had lots of complex infographics and interactive elements.

It was crucial to keep the main idea, the message and functionality, no matter the device it´s read on.
Sure my fav part of the process (after UI design) was QA and direct work with devs. Not 100% sure they were happy having me standing over the shoulder but it was pretty magical seeing the spacing and font and other things changing in the real time.
Lack of attention to the mobile users:

→  responsive design for each element
→  adapted custom elements such as imagery and schemes
→  adapted complex components
Making it stand out:

→  pixel-perfect design
→  work with dev team to have ultimate control over the text styles
→  QA and post-production revisions
results
Fraud.net became the milestone in my career and as I was scared of the massive scope of the project in the beginning, the same way I was proud of the final result we have achieved, in the end.
Working with folks from NY was a new experience for me and it reminded a lot the times of working in architecture: productivity is sky-high, all the design decisions are data-based, all the calls are on point.

Yep, I almost got a burnout after editing manually somewhat 410 articles for the CMS in the very end of the project but seeing the final result and acknowledging the professional growth it led me through was the true reward of this adventure.