Website Design

Rategenie

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

My Role

As lead designer on this project, I was responsible for designing all wireframes, UI specs, and pixel-perfect mocks. I worked closely with the client and stakeholders to design an experience that successfully increased page views for the app.

Tools Used:

Photoshop, Illustrator

Date:

Feb - Mar 2019

Platforms:

Mobile Web, Desktop

The Problem

Rategenie had no website to promote the app and its features to potential clients, and to help them sign up for the app.

The Goal

The website was developed to create an online presence for Rategenie. The aim was to better communicate the features and benefits of the Rategenie app, and to make it easier for potential customers to sign up for the app.

We worked closely with stakeholders to create a visual narrative for the website that would flow through to the app.

Wireframe

In the sketching/wireframing stage of the design process, I compared the design team’s best ideas.

The final decision on design was made based on who potential customers are, what their motivations are, and what they want to achieve.

We then made sketches of the website’s ideal user flows.

Final Design

The Rategenie app design is modern, minimal, and sophisticated. We wanted to embody the same approach for the website.

We used a muted color palette with bright CTAs that step off the screen. A thin, elegant typeface that speaks clearly to consumers further enhanced the look.

rategenie__website_finaldesign

Colors

01Colors
Colors are based on the branding and
contrast color for action button to attract users attention.
  • #5dbc63
  • #04a49d
  • #323232
  • #898989
  • #fa3b3b

Typography

02Typography
rategenie_website_typography

Icons

03Icons
rategenie_website_icons

Grid System

04Grid System

Other Screens

05Other Screens
rategenie_blog_screen
rategenie_integration_screen
rategenie_pricing_screen

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