FRAUD.NET

website
anti-fraud tech
2024 — 2025
about
Complete redesign of a B2B SaaS anti-fraud platform website. Led end-to-end design from research through production, working cross-functionally with stakeholders and engineers. Designed in Figma, built on Webflow. Improved conversion funnels and brand credibility.
my part
Lead Product Designer / UX Research / UI Design / Design System / Production Revisions / QA / Partial Webflow set up
challenges & how we solved them

Changing serious to engaging

The existing branding didn't reflect the company's position as a cutting-edge, AI-powered fraud detection platform. The challenge was creating a credible yet approachable face for a complex, data-driven solution while reducing cognitive load and increasing conversion potential.
Here's how we solved it.
after & before
after and before
after and before
video recap
Rebranding began with a new logo and brand identity from the graphic designer. Simultaneously, I led visual benchmarking to identify differentiation opportunities among competitors. The goal was identifying patterns specific to digital security and analyzing conversion funnels used by direct and indirect competitors.
This research informed our approach to standing out. Based on these findings we chose color solutions and customer approach: combining dark and light sections, vibrant accents, cohesive illustrations, clear hierarchy with obvious CTAs, and credibility through spotless appearance.
visual benchmarking
After completing UX research and information architecture, we moved into UI design and animation direction. Given our tight timeline, I prioritized tackling complex screens first-ensuring we could pass designs to production quickly without compromising quality.

This strategic sequencing accelerated development velocity while maintaining design integrity. We began with creative exploration.
I led creative exploration for the homepage, proposing multiple design directions before defining our final visual approach.

I facilitated client meetings, coordinated cross-functional work between design and development, and ensured all screens aligned with business goals and conversion objectives. This dual focus achieved measurable improvements.
iterations of the solutions section
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
Midway through, I stepped into the lead designer role.
With team support and mentoring, I successfully advocated for design decisions that drove us toward business goals-including interactive elements and high-contrast accessibility solutions that improved engagement and conversion metrics.

How we leashed the chaos with structuring what's visual

We adapted atomic design principles to fit our client's workflow and timeline. After establishing initial concepts, I built a comprehensive design system from atoms to templates - creating unified, scalable components. This accelerated development velocity 2-3x while ensuring brand consistency.
some of the core pages
This created consistent appearance across the website and reinforced brand identity throughout the company's digital presence, establishing visual standards for future development.
I advocated for high-contrast solutions across all elements, ensuring the project achieved at least AA-level readability throughout, significantly enhancing accessibility characteristics.
DS
I co-led creation of a robust design system with variables, components, and responsive elements optimized for Webflow production. Collaborating closely with engineers, I ensured pixel-perfect implementation for every screen.
I conducted workshops with the dev team, streamlining workflow and reducing production revisions by ~40%.
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 complex B2B portal designed to educate prospects and convert enterprise clients. With CMS integration for 400+ articles, webinar functionality, and extensive custom features, the project demanded creative and strategic problem-solving.

The design process was highly iterative, requiring constant re-evaluation as content evolved dynamically. This complexity resulted in improved conversion funnels.

I contributed several creative concepts that became signature elements—including the interactive hero section and custom infographic system.

From there, the work was intensive: pitching concepts, collaborating with stakeholders, refining layouts, and advocating for user-centric design decisions that balanced aesthetics with conversion goals.

Flexing a Webflow B2B website
across devices

Mobile traffic represents the majority of web users globally, and Fraud.net's audience is no exception. I designed optimized mobile experiences for every screen, then conducted thorough QA to ensure pixel-perfect implementation.
I collaborated with developers to create responsive solutions beyond simple breakpoints - adapting complex infographics and interactive elements.
Working with developers and the team, we found optimal mobile formats for every element from navigation to footer. Responsiveness in this project went far beyond adjusting spacing and typography - it required rethinking complex components to maintain functionality.
Fraud.net featured numerous complex infographics and interactive elements.

It was crucial to preserve core message, functionality, and user experience regardless of device - from desktop to mobile.
One of my favorite parts was QA and direct collaboration with developers during implementation. Working closely with the engineering team, I caught edge cases and refined details in real-time - adjusting spacing, typography, and interactions to achieve pixel-perfect results.
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 a career milestone—transforming from an intimidating scope into a project I'm deeply proud of. The final result improved conversion funnels, reduced cognitive load for prospects, and elevated brand credibility.
Collaborating with the New York-based team reminded me of my architecture days: productivity was exceptional, all design decisions were data-informed, and meetings were efficient.

The final push - manually editing 410+ CMS articles - was intense and nearly led to burnout. But seeing the final result and recognizing the significant professional growth this project catalyzed made it worthwhile. This project elevated my capabilities in strategic design and scalable systems.

Some other case studies

(view all)

O2X

sports tech
website
2025
product designer / UX-UI designer

O2X app

web app
sports tech
2023 — 2025
product designer / UX-UI designer

Team Brady

website
marketing / sports
2024
product designer / UX-UI designer

Linus Health

website
health tech
2024 — 2025
product designer / UX-UI designer