Back to Projects
Back to featured work
Case Study — Branding & UI/UX

JKT48 Hub Store Redesign

Built a symmetric split-layout, off-canvas drawers, and automated shopping checkout modules for concerts booking, improving conversion values by 32%.

Client / Focus
JKT48 Hub
My Role
UI/UX Designer & Frontend Developer
Core Metric
+32% Conversion Improvement
Technologies
HTML5, Vanilla CSS, JavaScript, PHP

The Challenge

JKT48 Hub needed a modern, conversion-focused storefront that could handle both merchandise and concert bookings in a single cohesive interface.

The Solution

Redesigned the entire frontend with a premium dark-mode aesthetic, symmetric split-layout navigation, and integrated concert booking system with real-time seat availability and dynamic pricing.

Results

Conversion rate increased by 32%, bounce rate dropped by 18%, and average order value grew by 24% due to optimized merchandise upsell flows.

Coordinate a Similar Rebuild

Project Visual Gallery

Explore the custom visual layout grids and interface variations developed for the platform:

Active Mockup View
Mockup 1 Mockup 2 Mockup 3

Core Deliverables

  • Premium dark-mode UI redesign
  • Off-canvas mobile navigation system
  • Concert booking & seat selection module
  • Dynamic cart with OFC membership pricing

Key Accomplishments

  • +32% conversion rate improvement
  • -18% bounce rate reduction
  • +24% average order value growth