Web Design

Klima

Klima

Client

Klima

Vertical

Environment

Product

Web Design

Key Services

UI Design, UX design, Information Architecture, Site Mapping

About Project

Klima combines the most effective actions an individual can take to fight climate change today. Klima is a climate app that helps you to offset your emissions, reduce your carbon footprint and multiply your carbon impact.

About ArrowArrow

Lead generation

About ArrowArrow

Revenue increase

About ArrowArrow

Engagement improvement

Klima

Let's work

Together

Logo

ZNAPCASH

Increase engagement for Cashback Platform Znap Cash

Mobile Product Design
Znap Cash mobile product design
Goal
Improve drop rates
Industry
Food and Nutrition
Type
Digital Product Design

About Znap Cash

Znap reached out to us to help them carry out all stages of product design with the goal of increasing consumer engagement and identifying reasons for the high drop-off rates and no consumer & brand loyalty. We did a series of steps including a UX Audit, Discovery, and alignment of future business goals followed up by the UX and eventual visual design.

Services

  • 1. Discovery & Strategy
  • 2. UX/UI Design
  • 3. App Development
  • 4. Testing

Project Description

Znap reached out to us to help them carry out all stages of product design with the goal of increasing consumer engagement and identifying reasons for the high drop-off rates and no consumer & brand loyalty. We did a series of steps including a UX Audit, Discovery, and alignment of future business goals followed up by the UX and eventual visual design.

Znap cash mockup for Project Description
Team Size
15+
Time
2.5 Months
Industry
Food and Nutrition

What is Znap?

A fintech platform born in the UAE providing Consumer Retention Mechanism along with smart payments to local businesses and helping customers stack up rewards via a simple secure user friendly app - Znap

Know more

Challenges and Objectives

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

High Drop rates

User's are not signing up

The product is very difficult to understand.

Users don't have enough motivation to
care about cashbacks.

It's not immediately clear on what the product does

There is no brand consistency and no brand recall.

Challenges

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

Challenges and Objectives

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

Spoke Design Labs

Our main challenge was to keep up with the technical aspects of the platform and provide new UX/UI solutions for entire mobile application interfaces.

1

Simple and Easy Onboarding

Simple explaination of the product. No force Signup for the user.

1

Simple and Easy Onboarding

2

Centralized
cash system

A centralized cashback system -Znap Cash to see all the cashbacksthe user has received

2

Centralized
cash system

Centralized cash system
3

Stay in the loop with the expiring offers

Get notified about expiring cashback, so you are always in the loop.

3

Stay in the loop with the expiring offers

Stay in the loop with the expiring offers
4

All cash back in one place.

Get all the cash back ready in one place.

4

All cash back in one place.

All cash back at one place
5

Redeem cashback instantly

Get instant cashback from restaurants instantly. Redeem them on your next visit.

5

Redeem cashback instantly

Redeem cashback instantly
6

Consistent
Design

Fixed the inconsistent design andcreated a fresh design so the user isalways interested.

6

Consistent Design

Consistent Design
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Znap cash ui update
Before
After

Scope of work

Discovery & Strategy

  • Define idea value
  • Market & competitors research
  • VP & BM workshop
  • Idea validation, PoC
  • Product roadmap

UX/UI design

  • UI Style guide & Assets
  • App flow
  • Wireframes
  • UI Layouts & Graphics
  • UI Style guide & Assets

High fidelity prototype

  • Marvel prototype
  • Figma prototype
  • Protopie prototype
Znap cash ui idea

Colors

Before coming to us, the client had already created his brand book, had the logo, colors and more. We had to use everything that the client already has and keep in mind that this application is audience friendly. It must be comfortable for a young guy who is a digital native and loves bright colors as well as for a woman of age who has poor eyesight and does not often use such products

Primary Colors

Primary Colors
#00A4E6
Primary Colors
#141414
Primary Colors
#FFFFFF

Grey Colors

Grey Colors
#929292
Grey Colors
#141414
Grey Colors
#FAFAFA

Gradients

Orange Gradient
#929292
Yellow Gradient
#141414
Pink Gradient
#FAFAFA

Typography & Colors

Typeface Satoshi reflects the idea of the app - it's simple, clear, and straightforward.

Font Satoshi
Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

1234567890”?”!’(%)[$]{@}/&\<-=>$><.TM

Low Fidelity Designs

Final UI Screens

High Fidelity Designs

Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen
Znap cash ui screen

Got a project in mind?Tell us about it.

If you want to learn more, just ask!