Creating a fresh fintech platform for the new generation.

Client:
Keko

Role:
Research, UI/UX Design, Visual Design, Branding

Project Type:
Mobile App Design
Investment Pitch

Duration:
2 weeks

Keko

The Keko app allows friends and family to easily send money to each other, and also have the ability to apply for or give out personal loans. Keko had some unique methods and metrics to keep a personal credit score looking at criteria most financial systems do not. A much more friendly and enjoyable interface and look, using a soft purple and mint highlights to differentiate itself from the more traditional banking look.

The Project

I was tasked to begin fleshing out what the keko app could look like – create key screens and  a base look and feel for investor pitching. Both exploring early branding and color palettes, while also roughing out user flows and overall structure.

Project Goals

  • Create a first pass at potential user flow(s) that could be prototyped quickly.
  • Uncover and create key screens in the app experience.
  • Create and apply a base look and feel for the brand.

The Process

01
Research

  • Project Goals
  • User Interviews
  • Customer Personas
  • Development Requirements

02
Architecture

  • Sitemap
  • Initial Sketches

03
Interaction Design

  • User Flow
  • Wireframes
  • Design Patterns

04
Interface Design

  • High Fidelity Designs
  • Prototyping
  • User Testing

05
Development Hand-off

  • Asset Export
  • Design Documentation
  • Iteration

Research & Data

Data & Interviews

Working with the keko team, they have a wealth of information in the fintech space. After developing entire ATM networks and having data in the finance world, I was brought on to help flesh out a very early rough of key screens for the application.

Pain Points

Traditional brick-and-mortar banks and financial institutions feel out-of-date to younger people.

Financial actions should be much more straight forward and easier to understand.

Trustworthiness of older banks to a younger generation is much lower than before.

Desires

Give people a way to send and receive funds to friends and family quickly.

Build a new type of credit history based on other sources of data.

Sitemap

A sitemap was created to better identify main screens, and secondary screens needed. During the sitemap creation, I was also able to uncover where additional interactions, error handling and other sub screens  might be needed.

Wire Frames

Since this was meant to be a first rough pass, the goal of the wireframes was mainly to get a start point for screen layout and composition.

A more refined pass at wireframes would have come later in the process due to the short project timeline.

Branding

Icon

The logomark and icon were created as a placeholder for the pitch and screens. The lowercase “k” was chosen as a friendly, easily identifiable icon.

Color Palette

A fresh, young color palette was chosen that reflected stability and forward-thinking. With purple being the main color, hilights of blue and mint were used as button and interaction indicators. A colorful yet “darker” theme was chosen to fit more with a younger demographic.

High Fidelity Designs

A sampling of screens included in the pitch deck (in no particular order).

Drag View