Website Design

OotoO

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

My Role

My roles included designing mock-ups and prototyping. I also led brainstorming sessions.

Tools Used:

Photoshop, Illustrator

Date:

Apr - May 2019

Platforms:

Mobile Web, Desktop

The Problem

The existing UI of the OoToO website was not visually pleasing to the target audience. The payment gateway for purchasing tickets was not reliable and customers could not trust it.

The Goal

The goal of this website is to encourage an international user base to purchase tickets for online shopping games, including entry to the “lucky day” promotion. The design team used this goal to guide our work.

We also wanted to help the client gain customers’ trust by providing a stable and reliable purchasing platform.

Wireframe

Wireframes and annotations provided a base structure for the design team to build on. This helped to lay the groundwork for the overall user experience.

Final Design

Considering our target audience, we wanted to create a look and feel that would resonate with a younger generation.

Creating a visual direction and style guide ensured that we were aligned and consistent across our designs for this client.

ootoo-website-beforeootoo-website-after

before

after

before vs after

Design Process

01Design Process
ootoo_design_process

Information Arch

02Information Architecture
ootoo_information_architecture

Color & Fonts

03Color & Fonts
Colors are based on the branding and
contrast color for action button to attract users attention.
  • #0e44b1
  • #3db6ff
  • #f93e2b
  • #85c318
  • #fccd27

Icons

04Icons

Other Screens

05Other Screens
ootoo_coupons_screen
ootoo_gadgy_screen
ootoo_profile_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
Rategenie

Rategenie

Website Design | Responsive Design

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

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