Website Design

Tokeet

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

My Role

I coordinated and led all facets of design including analysis, interaction, visual, and prototyping. I interacted with the client on a daily basis using InVision, where I presented ideas and received feedback.

Tools Used:

Photoshop, Illustrator

Date:

Sept - Dec 2018

Platforms:

Mobile Web, Desktop

The Problem

Tokeet’s existing website was outdated. The client wanted us to develop a better user experience, helping the user understand how to use the product and its features without much effort.

The Goal

The goal of this website was to provide a simple solution to help the users manage their vacation rentals.

After searching for some time, Tokeet’s founder realized that nothing existed that truly fit his needs. Most of the established solutions were either poor adaptations of older hotel and property rental systems, or were newer products that didn't fully reflect all the various aspects of vacation rental management. Most importantly, they were difficult to use.

Tokeet’s founder decided the market needed a new and innovative approach. He assembled a team, and within a few months had launched the web version of Tokeet.

Wireframe

The initial idea for the structure of the page was a step-by-step process that showed how an operations problem could be solved.

It was helpful for me to see that we could communicate the intended message much better.

The next step was the visual design, which is presented below.

Final Design

For this website, I stuck to Tokeet’s branding colors of green and turquoise.

I used clear infographics to help the user understand each section. To increase the readability of the website, I maintained a balance between white space and content.

tokeet-website-beforetokeet-website-after

before

after

before vs after

Design Process

01 Design Process
tokeet_design_process

Information Arch

02Information Architecture
tokeet_information_architecture

Color & Fonts

03Color & Fonts
  • #56b55a
  • #080808
  • #07b7cf
  • #878787
  • #02aa9d
  • #eef2f5
  • #ffffff

Typography

02Typography
tokeet_typography

Other Pages

04Other Pages
tokeet_channel _management
tokeet_integrations
tokeet_invoicing_made_easy
tokeet_flexible
tokeet_community
tokeet_community_screen1
tokeet_community_screen2

Icons

05Icons
tokeet_icons

Other Projects

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
Tokeet

Tokeet

Responsive Design | Web Application

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

Case Study
X