Dashboard Member Plus

A little context

Dashboard Member Plus is a supporting seller platform within the Indopaket ecosystem, where sellers can check referrals, membership, transaction history, and account details.

My part: Frontend architecture and authentication integration using Next.js and React.

I’ve simplified a few details here to keep internal information private.

Where things got tricky

The overview needed to show account activity at a glance, with transaction records and profile details on separate pages.

Core Experience

1. Open dashboard
2. Review activity
3. Explore relevant details
4. Manage account

The choices behind the screens

01

Status visibility

Visible account state

Show membership progress and recent activity on the overview.

02

Recognition

Links to details

Keep summaries connected to the corresponding detailed views.

03

Consistency

Consistent modules

Reuse interface patterns across dashboard widgets and full pages.

04

Minimalist design

Scannable records

Put key transaction details first so records are easier to scan.

05

Real-world language

Familiar language

Use seller-oriented terms instead of exposing implementation concepts.

Frontend Structure

1. Next.js views
2. Shared components and state
3. Backend integration

What I built

01

Account overview

Progress, referrals, and activity summaries are available in a single dashboard.

02

Detailed records

Transaction history and profile management use consistent components and readable layouts.

What stayed with me

I spent a lot of this project deciding what belonged on the overview and what could live one click away. The authentication handoff between Next.js and the existing backend gave me a different kind of puzzle to work through too.

The people I worked with