OfriMarkovits logo.
Modern mobile app UI displayed on premium smartphones with dark mode interface and neon gradient design.

FINTECH MOBILE APP CASE STUDY

Groupi

Unifying the Group Experience

Ending the awkward era of "Who owes what?" by bridging social coordination and financial transparency.

project role

project role

UX/UI Designer

UX/UI Designer

CORE OBJECTIVE

CORE OBJECTIVE

Unify Club Logistics

Unify Club Logistics

Data, Tactics & Operations

Data, Tactics & Operations

Target Market

Target Market

Professional Football

Professional Football

Coaches, Analysts & Logistics

Coaches, Analysts & Logistics

Skills Demonstrated:

UX Research

UI Design

Information Architecture

Visual Identity

Prototyping

Fintech UX

THE FRICTION

Logistics Kill the Vibe.

The prompt was intimidating: Design TacTeam, a complex B2B dashboard to manage an entire professional football club. The catch? I had zero prior knowledge of football management.

The "Social Loafer" Problem

Users reported high anxiety when "chasing" friends for money, often choosing to foot the bill themselves to avoid awkwardness.

Fragmented Experience

No consolidated platform exists that manages both the planning phase and the financial phase of an event.

Modern finance mobile app dashboard with credit card interface, expense tracking, and dark mode UI design.
Modern finance mobile app dashboard with credit card interface, expense tracking, and dark mode UI design.

RESEARCH PHASE

Data-Driven Empathy.

0

%

Experience Friction

Of surveyed users reported that managing group payments is their #1 barrier to organizing more frequent social events.

"I love my friends, but I hate being the group's debt collector. It makes me feel like a parent instead of a participant."

— Core User Persona Insight

THE SOLUTION

Streamlining the Social Loop.

Dark mode finance mobile app interface with group expenses, transaction tracking, and modern budgeting dashboard.

Shared Digital Wallet

We introduced the "Groupi Wallet". Members contribute "Groupi Coins" upfront, shifting the responsibility from the individual to a transparent, pre-funded system.

Zero-debt event booking

Real-time spending tracking

Receipt Intelligence

Eliminating the "Did I order that?" argument.
Our AI-driven scanner identifies items and maps them instantly to group members for accurate splitting.

DESIGN TACTIC

Using transparency as a nudge to ensure fair contribution without social friction.

Finance expense tracking mobile app screen with receipt scanning, categorized spending, and dark mode budget interface.
Modern finance mobile app mockup on smartphones with dark mode dashboard and colorful expense tracking charts.

VISUAL IDENTITY

Brand DNA.

Groupi's branding needed to balance
Financial Trust with Social Vibrancy. We developed a neon-on-dark palette that feels native to nightlife and energetic social gatherings.

COLORS

TYPOGRAPHY

Noto Sans Hebrew

abAbAbAbAbAbAbAbAb

The quick brown fox jumpsover the lazy dog

Symbol

A green lowercase letter 'g' designed as a smiling cartoon character.
A green lowercase letter 'g' designed as a smiling cartoon character.

Logo

The word "groupi" in a bold, rounded teal font on a black background, with the letter 'g' styled as a smiling cartoon character.
The word "groupi" in a bold, rounded teal font on a black background, with the letter 'g' styled as a smiling cartoon character.

App Icon

A green lowercase letter 'g' designed as a smiling cartoon character.
A green lowercase letter 'g' designed as a smiling cartoon character.

TYPOGRAPHY

Noto Sans Hebrew

abAbAbAbAbAbAbAbAb

The quick brown fox jumpsover the lazy dog

TYPOGRAPHY

Noto Sans Hebrew

abAbAbAbAbAbAbAbAb

The quick brown fox jumpsover the lazy dog

HANDS ON EXPERIENCE

Interactive Prototype.

POST SCRIPT

Reflections & Growth.

Key Takeaways

Empathy for Social Friction:
I learned that Fintech isn't just about math; it's about psychology. Solving for the "awkwardness" of payment is more valuable than just calculating the split.

Visual Trust vs. Social Energy:
Finding the balance between a professional payment tool and a social party app required careful color and glow manipulation to maintain credibility.

End-to-End Design:
Managing the entire flow from event discovery to final receipt scanning taught me the importance of a seamless information architecture.

What I Would Change

AI Personalization:
Given more time, I would explore AI-driven event recommendations based on group spending habits and past preferences to further automate the "planning" phase.

Advanced Social Features:
I would implement a deeper "reputation" system within the app to gamify prompt payments, rewarding reliable participants with lower transaction fees or exclusive event access.

Accessibility Deep-Dive:
While Noto Sans Hebrew is highly legible, I would perform more rigorous testing with low-vision users to ensure the neon-on-dark contrast meets even higher accessibility standards.

POST SCRIPT

Reflections
& Growth.

The Result

A complete 50+ screen ecosystem designed for high-impact social finance.

  • Modern finance mobile app dashboard with group budgeting, expense tracking, and dark mode user interface design.
  • Dark mode cosmetics store app with beauty avatar icons, colorful emoji backgrounds, and modern shopping interface.
  • Dark mode mobile app login screen with avatar icon, biometric authentication, and modern user interface design.
  • Dark mode finance mobile app dashboard with group expense tracking, budgeting tools, and modern neon UI design.
  • Dark mode group creation mobile app screen with colorful avatar icons, invite options, and modern finance UI.
  • Dark mode messaging app interface with group chats, colorful avatar icons, and organized conversation categories.
  • Dark mode roulette selection app screen with colorful avatar icons, spinning wheel interface, and interactive group UI.
  • Dark mode receipt scanning app screen with QR scanner interface, upload options, and modern finance mobile UI.
  • Dark mode finance app screen with receipt scanning, categorized expense breakdown, and group payment tracking interface.
  • Dark mode entertainment app interface featuring movie recommendations, colorful posters, and personalized streaming categories.

Impact Matters.

Groupi is a testament to how empathetic design can solve social friction. Explore the full information architecture and detailed wireframes on Behance.

Ofri Markovits

© 2026 All Rights Reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.