NettoKOM

The Challenge

The brand needed UI modules that communicated pricing and plan details quickly to cost-conscious users. The challenge was reducing cognitive load while maintaining consistency with system patterns.

Strategy and Approach

1. Information Hierarchy Redesign

I restructured:

• plan cards

• balance overviews

• usage meters

• promotional banners

• top-up screens

The goal was reducing reading effort.

2. Pricing and Plan Selection Prototypes

I built high-fidelity prototypes for:

• introductory offers

• recurring top-up screens

• comparisons between plans

• limited-time deals

These helped marketing and product teams align on promotions faster.

3. Clean Visual Language Integration

I applied a minimal visual language with:

• simplified card layouts

• accent colors for low-cost messaging

• well-spaced content blocks

• reduced visual clutter

4. Design System Consistency

I aligned modules with shared components but adapted them for NettoKOM’s brand tone.

Key Decisions

• Simplified pricing cards for faster decision-making

• Standardized usage meters for clarity across all products

• Ensured responsive scaling for users on budget devices

Impact

• Improved user comprehension during plan selection

• Faster decision cycles internally due to clear prototypes

• Reduced UI inconsistencies

What I Led

Component design, high-fidelity prototyping, UI simplification, system alignment.

Final Delivery

A streamlined UI experience tailored for prepaid customers with clear, direct visual communication.

Reflection

Designing for cost-sensitive users highlighted the importance of clarity, hierarchy, and reducing cognitive load.