Ceru
Payment platform for market vendors
Product Design - UI/UX - Illustrations - App Icon
This mobile banking app is on the one end a straight-forward mobile banking app for private customers and on the other end a payment service for market vendors. Bringing these two functionalities together while keeping a consistent but differentiated design was the main ask from this Startup.
Note: the following images show the designs for the app but the name used is not the current name of the app that has been merged into another company.
The market vendor app
Fast and simple payments in a market setting for the vendors. This side of the app features an easy payment setup via QR code, as well as an overview for past received and failed payments. This app will be used by vendors on a busy market, so the ease of use is the main focus for them. To achieve this, we decided on a very minimal approach that only shows the needed buttons and information. Everything else is tugged away while still being easily accessible.

The banking app
All your banking in one app. That's the goal. And keeping the look and feel of the app in line with the market vendor app while still maintaining their individuality. This was mainly achieved by using the same UI structure but switching the colors, using the orange primary color from the market vendor app as a secondary color while using the dark blue as the primary color.


Of course, the app is available in light and dark mode. With the green and orange colors making statistics and analytics easily readable as well as giving the app a more light feel.
