Website Design

OotoO

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

Visit Website

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

GOTO

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

Thanks

Thanks for your attention

You can check all my works in Dribble.

Previous Project Rategenie
Rategenie is an app that provides dynamic pricing
Next Project GRU
GRA is a B2B Marketplace for gold merchants to buy and sell

Other Projects

Tokeet

Tokeet

Website Design | Responsive Design

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

Visit Website
Case Study
Rategenie

Rategenie

Website Design | Responsive Design

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

Visit Website
Case Study
GRU

GRU

Web Application

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

Visit Website
Case Study
Rategenie

Rategenie

Hybrid Mobile App

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

  • App Store
  • Google Play
    • Case Study
    Tradecafe

    Tradecafe

    Website Design | Responsive Design

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

    Visit Website
    Case Study
    X