Home Portfolio Critera
UX Strategy Web Design Front‑end Animation Branding Video Ads

Business Lending
Meets AI

A marketplace connecting businesses and developers with lenders, bringing financing requests and offers together in one place.

From brand identity to a live website and advertising videos:
branding, design, animation, and development.

View Live Demo (opens in a new tab)
The project

From a Financial Concept
to a Digital Experience

About Critera

Critera is a marketplace for business lending and project financing. It connects businesses seeking funding with lenders and professional partners, helping them move deals forward.

My Role

I joined the project after the business concept had already been defined.

I led:

  • Visual and market research
  • Positioning and messaging
  • Branding, visual identity, and website design
  • Animation design and development in code
  • Front‑end development
  • Blog and content creation
  • Advertising video production
  • Marketing and SEO consulting
Project Duration

2 months

Audiences

Three Audiences.
Three Perspectives.

The challenge was to show each audience what Critera offers them and how they all connect.

Companies & Developers

Looking for Financing
for Your Business or Project?

Once you submit a request, AI prepares your credit package and matches it with relevant lenders. Compare the offers in one place and choose the financing that works for you.

Lenders

Looking for Deals
to Finance?

Find deals matched to your lending criteria. Each comes with completed underwriting and a credit package ready for committee review. Free of charge.

Brokers & Advisors

Managing Clients
Seeking Financing?

Prepare a credit presentation in minutes and connect with professional lenders, while keeping your clients registered under your name.

Three entry points directly below the hero: a question, a short answer, and a registration link for each audience
The key decision

One Homepage.
Clear Priorities.

At first, we explored focusing on a single audience. But as we discussed and sketched different approaches, it became clear that this would push the value for other participants into the background.

I proposed a shared homepage introducing the marketplace to everyone, supported by dedicated landing pages for each audience in future campaigns.

To balance the needs of the primary audience with those of other participants, I defined the content priorities:

60%

Companies and developers seeking financing

25%

Lenders

15%

Brokers and professional partners

Businesses seeking financing received the most attention. Lenders were given information about deal quality and matching, while professional partners had a dedicated place and a direct invitation to join.

The language followed the same approach: clear, professional, and mostly neutral, respecting the interests of every audience.

The numbers

Making the Value
Measurable

Research into the industry and discussions with the team highlighted the need to communicate benefits in terms that matter to users: time, cost, and progress toward closing a deal. I brought key figures into the design so visitors could understand the value at a glance.

+70%

Time saved throughout the process

+30%

Savings for lenders on underwriting, screening, and marketing costs

24hours

To prepare a financing request and professional presentation

2-6weeks

From submitting a request to closing, depending on deal size and complexity

These figures are company estimates, reportedly based on internal testing, and may be updated over time.

Name and logo

A Symbol
of Growth

The name Critera was inspired by the idea of criteria-based selection, with AI representing the technology behind the platform.

I designed a logo featuring five colorful bars rising like a growth chart.

The colors reflect the variety of participants and opportunities in the marketplace. Five bars allowed me to suggest diversity while keeping the symbol simple and recognizable. Rounded edges make it feel more approachable.

Visual language

Finance with a
Tech-Driven Personality

I wanted the website to spark curiosity and communicate the company's professionalism from the first interaction.

I combined the restraint of the financial world with a colorful palette reflecting the range of opportunities in the marketplace.

Deep purple adds depth and brings out the brand colors. Translucent surfaces and gradients introduce light and layers, giving the idea of transparency a visual expression. Clear typography completes the design and keeps the content readable.

One financing request meets offers from multiple lenders on a glass-like surface
Clear typography and a gradient button stand out against the deep purple background
Composition

A Visual Identity
That Flows

Diagonal surfaces and rounded corners became part of Critera's visual identity.

I used them in different compositions to create a recognizable look and a rhythm that encourages scrolling.

Alternating dark and light sections adds variety and creates quieter moments for reading. This keeps the visual design and content in balance.

Page structure

Discover First.
Join When Ready.

I chose a single, continuous homepage to introduce visitors to Critera.

Right after the hero, each audience sees a relevant question, a short answer, and a link to the appropriate registration flow.

The page then introduces the marketplaces, benefits, and process. The About and Blog pages offer more detail, while calls to action remain accessible throughout the page.

The goal was to build interest and guide visitors toward registration or a conversation with the team.

Animation

Showing How
the Connections Work

In the hero animation, a single financing request receives offers from multiple lenders.

The animation turns the marketplace concept into a simple scenario that's easy to understand at a glance.

Further down, four marketplaces move around Critera: Business Lending, Loan Portfolio Trading, Syndication, and Equity & Partnerships.

The animation shows the range of opportunities, with each marketplace linking directly to the relevant registration flow.

Other animations extend the same idea across the site.

Four marketplaces orbit Critera, pausing on hover
Five professional roles appear around a deal in the Partner Program section
The About page connects one request and one credit package to five types of lenders
The underwriting engine

Explaining the Technology
Behind the Deal

Feedback from finance professionals made it clear that the AI engine needed more visibility on the website.

In response, I designed a dedicated section with an explanation and animation.

It follows the flow of information from documents and data sources through analysis, credit package preparation, and lender matching.

The animation turns a complex process into a clear visual sequence, showing where technology does the work and where people make decisions.

The data sources, the engine and the credit package
Process and trust

Knowing What Happens Next
and Who You're Dealing With

A timeline explains the six steps from registration to closing, including estimated timeframes. Visitors can click each step to see more details.

The benefits section highlights what Critera offers: anonymity, credit package preparation, and access to professional lenders.

For brokers and financial advisors, I explained how they could manage clients discreetly and submit requests anonymously.

Team photos, professional backgrounds, and visible contact details make it easier for visitors to reach out and ask questions.

The FAQ includes search and topic filters. The blog, for which I developed the content, provides more detailed answers and supports organic visibility.

The timeline: six steps from registration to closing. Click a step to see more
Mobile

The Experience
Goes Mobile

I adapted the layouts, animations, and timeline for mobile, preserving the visual hierarchy and easy access to registration.

The brand identity stays consistent, while each composition adjusts to the screen size.

The opening on mobile The arenas on mobile The technology on mobile The timeline on mobile The open menu on mobile
Design system

A Foundation
for What Comes Next

I organized the colors, typography, and components into a Figma design system. It documents the visual language and provides a consistent foundation for future development.

Pages from the Critera design system in Figma: Atomic Design, tokens, variants, variables, colors, typography and components
Figma Design System: Atomic Design, Tokens, Variants, Variables, Colors, Typography and Components
Video ads

One Brand.
A Story for Every Audience.

I created advertising videos built around business opportunities following a successful tender, with examples from construction and industry.

The stories illustrate the financing gap and show how businesses can find potential lenders through Critera.

The characters and settings reflect each target audience, while animated colors, shapes, and typography carry the brand identity across the videos.

Financing for a construction project · up to 30 sec
Financing for a construction project · up to 30 sec
Financing for companies · up to 30 sec
Financing for companies · up to 30 sec
Brand video · 1:21 · A developer looks for project financing and gets four offers in one place
The build

From Design
to a Live Website

I built the front end with Claude Code, based on the designs and animations I had created.

I worked with the team in a shared code repository, tested the website and its registration and login flows, and launched the site.

Working directly in code also allowed me to test and refine the layouts and animations within the actual website.

View Live Demo (opens in a new tab)
The Critera site in a browser, with developer tools open beside it
Working in code: the live site and developer tools
View Live Demo (opens in a new tab)

Next Cases

Agentic AI Enterprise B2B UX Research & Design

From monitoring to deciding -
The agent proposes. The admin decides.

Agentic dispatch for fiber network operations.

Estimated ~50% faster task assignment
Try the live demo (opens in a new tab)
EXPLORE
Agentic AI Enterprise B2B UX Research & Design

Deals don’t fail. Visibility does!

An AI-driven decision-support timeline for syndicated-loan fintech.

Up to 50% fewer approval-related delays
~35% less coordination time
Try the live demo (opens in a new tab)
EXPLORE