Web Application

Tokeet

Tokeet is a mobile app that provides users with a simple yet powerful way of managing

My Role

I created the suite of screens for the Tokeet app. It was important for the client that the app’s look, feel and experience was consistent with Tokeet’s web version.

Tools Used:

Photoshop, Illustrator

Date:

Sept- Dec 2018

Platforms:

Mobile Web, Desktop

The Problem

There were issues with some of the screens which meant the user was not able to perform some tasks effectively. We also made changes to enhance the aesthetic and user experience of the app.

The Goal

The goal of this app is to allow the user to have a consistent experience to the web app, as well as be able to complete their tasks in an easy and effective way.

Wireframe

We began by designing a step-by-step process to allow the operation problems with the app to be solved. We believed there was a way to design the app screens so the user could complete their tasks much quicker—and our hypothesis was correct.

Final Design

To ensure the app’s overall visual style was similar to Tokeet’s web version, we selected a color palette which includes various shades of gray and green.
Pops of turquoise give better contrast ratio to allow the user to view the content clearly.

before

after

before vs after

Design Process

01Design Process
tokeet_app_design_process

Information Arch

02Information Architecture
tokeet-app-information-architecture

Colors

03Colors
Colors are based on the branding and
contrast color for action button to attract users attention.
  • #07b7cf
  • #56b55a
  • #02aa9d
  • #fb6e10
  • #ffffff
  • #878787
  • #000000

Typography

04Typography
tokeet_app-typography
tokeet-app-font-icons

Icons

05Icons
tokeet_app_icons

Other Screens

06Other Screens
tokeet-app-multicalendar
tokeet-app-standared-calendar
tokeet-app-inquiries
tokeet-app-messages
tokeet-app-integrations
tokeet-app-activitylogs
tokeet-app-notifications
tokeet-app-invoice

Other Projects

Tokeet

Tokeet

Website Design | Responsive Design

Tokeet is a web app that provides users with simple yet powerful way of managing

Case Study
Rategenie

Rategenie

Website Design | Responsive Design

Rategenie is an app that provides dynamic pricing for users’ short-term rental portfolio.

Case Study
OotoO

OotoO

Website Design | Responsive Design

OoToO.co is an online shopping game that attracts customers from around the world.

Case Study
GRU

GRU

Web Application

GRU is a B2B Marketplace for gold merchants to buy and sell gold online through a secure

Case Study
Rategenie

Rategenie

Hybrid Mobile App

The Rategeine app helps users keep track of their short-term accommodation rates

Case Study
Tradecafe

Tradecafe

Website Design | Responsive Design

TradeCafe is an online marketplace specializing in the international trade of meat, fish

Case Study
X