Outplay — Front-End Refinement

WupxyWupxy.
Works
About
Contact

Outplay — Front-End Refinement

Outplay — Front-End Refinement

Outplay — Front-End Refinement

Front-end improvements to an existing game top-up platform at HostD, focused on lighter pages, smoother interactions, and a more comfortable browsing experience.

Visit project website

GROUP PROJECT · Employment project · HostD

My role

Front-End Developer · PT HostD Internet Media

I worked on an existing product at HostD. This case study focuses on my UI improvements within the wider top-up platform.

My contribution

  • Improved the existing product UI
  • Worked on lighter pages and loading behavior
  • Refined interactions for smoother use

My focus: Improving an existing interface with attention to page loading and smooth use.

[01] Story

Outplay was an existing game top-up product when I contributed front-end improvements at HostD. My work focused on making its UI lighter and smoother to use, with attention to loading across its pages.

Problem [02]

An existing purchasing interface needs to remain comfortable to navigate. Page-loading behavior and interaction quality were the focus of my improvements.

[03] Approach

Goals

Stage

Make the existing interface lighter and smoother to use.

Challenges

Stage

Improving the experience within an existing product.

Context

01

Focused the work on the existing interface and its page-loading experience.

Direction

02

Refined the UI with lighter presentation and smoother use as the objectives.

Implementation

03

Implemented front-end improvements within the existing top-up product.

Delivery

04

Delivered the changes as part of my front-end role at HostD.

Collaboration

05

Contributed interface refinements as part of the wider product team’s work.

Tech Stack

Tools & libraries that power the project

codeignitercodeigniter
phpphp
mysqlmysql
tailwindcsstailwindcss
javascriptjavascript

Result [04]

Delivered UI refinements focused on page loading and smoother navigation through the existing product.

Contribution scope: front-end refinement of the existing platform, with attention to loading and interaction quality.

What this work brings together

Product contribution also includes improving what already exists. The focus here is the experience of moving through pages and using the interface, rather than the number of new features added.

[05] Gallery

Outplay — Front-End Refinement Gallery Image 1
Outplay — Front-End Refinement Gallery Image 2
Outplay — Front-End Refinement Gallery Image 3

Continue through selected work

View all
NOLIMIT — NFC & Customer Feedback

NOLIMIT — NFC & Customer Feedback

A website and NFC touchpoint connecting an in-person visit with customer feedback, through a Google review destination or the website’s internal rating experience.

Anugrah Bangunan — Social-to-WhatsApp Funnel

Anugrah Bangunan — Social-to-WhatsApp Funnel

A central link hub designed to bring social media leads into one inquiry journey: product information first, then a conversation on WhatsApp.

Back to Works

Wupxy Projects