Fintech · B2B
FoodPay (YemeksepetiPay)
A secure payment and virtual POS platform designed from scratch for merchants, operating under TCMB regulations.
At a glance
Problem
Merchants needed to receive online payments securely, in a new product built from scratch under TCMB regulations.
What I did
Designed the experience end to end, from landing page and merchant onboarding to dashboard and reporting, plus a compact design system.
Outcome
A first product experience delivered on a regulation-compliant, trust-focused and scalable UI foundation.
01 Overview
Design Needs and Focus
FoodPay (YemeksepetiPay) is a payment and virtual POS platform designed from scratch to let businesses receive online payments securely, operating under TCMB regulations. From day one, the product was shaped with a strong UX foundation that took regulatory requirements, security and financial operations into account.
Core design needs
- Build a secure, regulation-compliant payment infrastructure for merchants
- Establish trust at the very first point of contact in a fintech product
- Make security, verification and error scenarios clear and understandable
- Present critical financial information such as payments, settlements and reports in a simple, structured way
- Create a scalable, consistent UI structure for a product built from scratch
Based on these needs, the entire experience was handled end to end, from the landing page and merchant onboarding to the dashboard and reporting screens.
02 Approach
Approach
- 1
Trust, licensing information and value propositions were clearly communicated on the landing page
- 2
Merchant onboarding was divided into clear, manageable steps
- 3
Regulatory requirements were structured to reduce cognitive load
- 4
Critical financial data was prioritised on dashboard and reporting screens
- 5
Web and mobile web were designed together with a responsive-first mindset
03 Research
Research and Mini Benchmark
Since the product was built from scratch, a mini benchmark study was conducted to understand industry standards.
Platforms reviewed
- iyzico
- Stripe
- PayPal
Focus areas
- Merchant onboarding and verification flows
- Document upload and approval processes
- How security and regulatory messages are communicated
The analysis showed that long, mandatory processes can be managed effectively through clear guidance, progress visibility and well-crafted microcopy.
04 Wireframes
Wireframes
Wireframe work covered the key flows:
- Landing page structure and navigation
- Sign-up and login flows
- Merchant onboarding: authorised person details, business info, document upload, agreements
- Dashboard, transaction summaries and reporting screens
A primary goal during onboarding was to clearly communicate where the user is in the process and what comes next.
05 Design system
A Compact Design System for the MVP
Standardised components
Form fields, validation states and error messages were standardised across all flows.
Visual hierarchy
Consistent typography and hierarchy were defined for presenting financial data.
Reusable patterns
Reusable components for security and status messaging, designed to support future growth.
06 UI Design
UI Screens
All screens were designed responsively for web and mobile web. These are the main screen groups.
07 Impact
Impact and Key Learnings
Impact
- An end-to-end first product experience was delivered for FoodPay
- A regulation-compliant, trust-focused and scalable UI foundation was established
- Complex financial processes were made manageable from a user perspective
Key learnings
- In financial products, UX affects not only users but also operational and support teams
- Poorly structured onboarding increases long-term support load and operational costs
- Trust is not built on a single screen, but through consistent, coherent flows across the whole experience
