Hybrid Mobile App

Rategenie

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

My Role

I was involved in the entire process of this project. I created screens for the mobile app that allowed the user to complete their tasks in just a few clicks.

Tools Used:

Photoshop, Illustrator

Date:

June - July 2019

Platforms:

App Store, Google Play

The Problem

Tasks could not be performed properly in some of the existing screens, so we made changes so the tasks could be completed effectively. We also improved the aesthetic and overall user experience.

The Goal

The goal of the Rategenie app was to have easy navigation and improved productivity for the user.

The client wanted the Rategenie app and accompanying website to have the same look and feel.

Wireframe

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

The visual design process is shown below.

Final Design

The app’s colors are based on Rategenie’s branding to echo the visual style of the website. The color palette includes various shades of gray and green with accents of bright turquoise.

We used a contrast color for the call-to-action buttons to attract users’ attention.

Although the app screens contain a lot of information, they are laid out clearly so that users are able to navigate around the app easily.

rategenie-app-rates-screen
rategenie-app-strategies-screen
rategenie-app-geniestrategies-screen
rategenie-app-apartments
rategenie-app-rentals
rategenie-app-listing
rategenie-app-strategy
rategenie-app-home

Design Process

01Design Process
rategenie-app-design-process

Colors

02Colors
Colors are based on the branding and
contrast color for action button to attract users attention.
  • #1ab0a5
  • #5cbc63
  • #e63826
  • #292929
  • #c5c3cf

Icons

03Icons
rategenie_app_icons
  • rategenie_app_apple_icon
  • rategenie_app_android_icon

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
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