Phyo Min Khant – UI/UX Designer & Frontend Developer

Project Overview

Full UI Modernization for the official Hi-Internet (Horizon Telecom International) customer self-service app. The goal was to replace the dated, non-authentic visual design with a modern, clean, and intuitive interface while retaining the existing functional workflow. The new design employs streamlined card layouts, superior typography, and a modern color scheme to significantly enhance aesthetics, build brand trust, and establish the app as a reliable digital tool for instant billing, account management, and support.

UX Case Study

Challenge

The existing Hi-Internet app had an outdated visual identity that eroded user trust and made routine tasks — bill payment, usage tracking, support requests — feel unnecessarily complex and unreliable.

Approach

Retained the existing functional architecture to avoid re-learning costs, but completely modernised the visual layer. Applied a systematic design approach: audit → define visual direction → redesign screen-by-screen → validate.

UX Case Study Depth

User Interviews

Reviewed 40+ user reviews on the app store. Key complaints centred on visual inconsistency, confusing navigation hierarchy, and lack of clear feedback after actions like bill payment.

Competitor Analysis

Benchmarked against 4 telecom self-service apps: MyTPLink, MyAIS, MyTNT, and Globe. Identified modern UI patterns: bottom sheet modals, skeleton loaders, card-based billing summaries, and progress indicators.

Pain Points

Cluttered home screen with no clear priority hierarchy. Inconsistent font sizes and colours. No visual confirmation states for payments. Legacy icons that felt untrustworthy.

User Journey

Mapped the bill payment journey — the most used flow. Found 6 unnecessary steps that could be consolidated, and 3 points where users were unsure if their action had registered.

User Flows

Focused on 3 critical flows: Bill Payment, Usage Overview, and Support Chat. Each was redesigned with clear progress indicators and confirmation states.

Personas

Defined 2 personas: Zin Mar (urban professional, 28, daily app user) and U Kyaw Zin (SME owner, 52, monthly bill payer). Both needed different entry points which shaped the home screen hierarchy.

Design Process

Wireframes

Conducted a screen-by-screen audit of the existing app, annotating problems. Used these as the basis for direct high-fidelity redesign given the 5-day timeline constraint.

Iterations

Iterated primarily on the home screen (3 versions) and the payment flow (2 versions). The key decision was moving the balance widget to the top fold and collapsing secondary actions.

Testing

Validated the redesign against the original using a 5-second test with 6 participants. All correctly identified the primary action (Pay Bill) within 3 seconds on the new design vs 9 seconds on the original.

Final Design

High-fidelity UI

Delivered 18 high-fidelity screens with a clean blue-and-white palette aligned to the Hi-Internet brand. Typography hierarchy uses 3 type scales for clear information architecture.

Prototype

Interactive Figma prototype demonstrating the Bill Payment and Usage Overview flows, shared on Behance with full case study documentation.

Outcome

What Improved?

Visual clarity and brand trust improved substantially. The bill payment flow was reduced from 8 steps to 4. The home screen now communicates the most important information (balance, due date) at first glance.

Metrics

Concept received 1,200+ views and positive engagement on Behance within the first week. The redesign was highlighted by peers as a strong example of efficient UI modernisation within tight timelines.