01_Header_Loop2

Company

Commercial Bank of Africa
Snapp Mobile
Commercial Bank of Africa

Date

Date

2017
2017

Role

UX / UI design
UX / UI design

Unbank yourself

Loop is a digital service that helps customers to control their finance without the hassle of traditional banking.

I helped the Loop team to redesign the mobile experience from the general Information architecture to the specific features UI.

 The app is available on the App Store and Google Play.

Loop is a digital service that helps customers to control their finance without the hassle of traditional banking.

I helped the Loop team to redesign the mobile experience from the general Information architecture to the single features screens.

 The app is available on the App Store and Google Play.

01_showcase_loop
Information Architecture
Information Architecture
01_IA_loop
User Interface
User Interface

Simple navigation

Simple navigation

Simple navigation

A new tab bar replaces the previous dashboard navigation narrowing down the core-sections to five entry points, all accessible at a thumb reach.

The top bar expands in the Home screen showing personalised messages for the user.

A new tab bar replaces the previous dashboard navigation narrowing down the core-sections to five entry points, all accessible at a thumb reach.

The top bar expands in the Home screen showing personalised messages for the user.

A new tab bar replaces the previous dashboard navigation narrowing down the core-sections to five entry points, all accessible at a thumb reach.

The top bar expands in the Home screen showing personalised messages for the user.

02_loop_home
02_loop_payments

Conversational approach

Conversational approach

Conversational approach

From onboarding to every-day actions, suggestions guide the user through the app to help them complete their task.

Live notifications and a help service are directly accessible in the Top bar.

From Onboarding to every-day actions, suggestions guide the user through the app to help them complete their task.

Live notifications and an help sevice are directly accessible in the Top bar.

From Onboarding to every-day actions, suggestions guide the user through the app to help them complete their task.

Live notifications and an help sevice are directly accessible in the Top bar.

Spending overview

Spending overview

Spending overview

In the Analyse and Growth sections, several widgets help users manage their finance, from checking the cash-flow to investing and setting personal goals.

In the Analyse and Growth sections, several widgets help users manage their finance, from checking the cash-flow to investing and setting personal goals.

In the Analyse and Growth sections, several widgets help users manage their finance, from checking the cash-flow to investing and setting personal goals.

02_loop_analysis
Design System
Design System

Shared components

A shared library of components ensures consistency across platforms and maps a solid base for the implementation of new features blocks.

A shared library of components ensures consistency across platforms and maps a solid base for the implementation of new features blocks.

03_Loop_system

Other projects

SocialStepsProject type

OnefootballProject type

Table PlannerProject type

Shutter PointsProject type