Cekaja

Financial eCommerce

Cekaja, owned by the parent company C88 Financial Technologies, offers financial and investment products like credit cards, collateral loans (KTA), insurance, loans for Small and Medium Enterprises (SMEs), mutual funds, and more.

Having worked with the founder of Cekaja, J.P. Ellis, in 2017 to brainstorm and ideate new features for the product; this time the product team approached us to help them combine a personalized data-driven experience for its consumers with easy-to-use web and mobile experiences. We collaborated closely with their team to redesign the website.

Cekaja

Platform
Desktop Website
Mobile (Responsive) Website
Widget and Dashboard
Engagement
April 2019 - April 2020
Scope of Work
Ui Design
Content Strategy
Ui Design
Product Design
Ui Design
UI Design & Styleguide
Challenges

Cekaja had an “Application Wizard”, using which customers could apply for financial products. This wizard was designed to give users a more streamlined data input experience. However, using this input method took the users a long time to complete the application process.

Since Cekaja offers a wide variety of financial products, it was a challenge to present all the products to the user without making them feel overwhelmed or confused with the options available.

Cekaja was the first to introduce Credit Scoring in Indonesia. Because Indonesian users are not aware of what a Credit Score is, there was a need to educate the user about what a Credit Score is and the role it plays to approve a user’s financial product application.

How do We Solve These Issues?

Redesign an improved ‘application form’ experience for the user where it’s quick and easy for them to input their data.

Redesign the Cekaja Landing Page to show all available product offerings in context to the user’s needs.

Design a new Landing Page to introduce Credit Scoring and encourage users to find out their own credit score.

Redesign the Application Wizard
Designing better application forms for cekaja.com

We wanted to enhance the whole information input experience since it’s quite a time consuming exercise for the user.  We did some study around what makes a good UX for form inputs; from how to handle lengthy forms to how to contextually customize each ‘date’ input field. Here’s what makes for a good form

  1. Quick to fill in
  2. Easy to understand
  3. User is able to anticipate each step along the way (no surprises in the middle of the form)
Read the complete case study
Redesigning the Cekaja landing page
Designing for better accessibility and content focus

To showcase all the products that Cekaja offers, we redesigned the landing page by displaying all product categories upfront right after the hero seciton. This way the user is able to quickly find the products that are suitable for their needs. In addition, we also showed these products based on the user’s context of use - their financial goals.

View Live Website
before
after
Reducing Cognitive Load

By placing the product categories upfront, it reduces the cognitive load and makes it easy for users to find the product they’re looking for.

Simple Icon Forms

To keep the clean and balanced look of the Cekaja design style, each product is represented by a simple icon so that the users are not visually overwhelmed with the array of products.

Designing the Credit Score landing page
Educating users with visual information

To educate new users about Credit Scoring, we designed the visual displayed in the hero image to help describe what a Credit Score is and why it is important.

Easy to Understand Introduction

We adopted the ‘Learn by Doing’ technique here, by encouraging the user to check their own Credit Score on Cekaja and understand its benefits when applying for any financial product.

Illustrations to support the Information

Illustrations can make a website or app more user-friendly by explaining complex ideas, fast, showing empathy towards users, and adding a human touch to the UI.

Style Guide

Cekaja styleguide was designed based on the brand identity.  We also created various illustrations to help explain the information more clearly to user.

Read other stories on how we design for better experiences