<

Customer Self-Service Portal

Overview

We built a self-service portal with account dashboards, payment tracking, support ticketing, and a secure document center.

Type

Website & App

Role

Product Strategy, UX/UI Design, Frontend Development

Tools

React, Node.js, PostgreSQL, Docker

Skills

UX Writing, Wireframing, Responsive Design, System Thinking

Color Palette

Ink

#0F172A

Signal Blue

#315EFB

Mist

#E8EEFF

Paper

#F8FAFC

Infrastructure

1

Home

2

Overview

3

Features

4

Workflow

5

Dashboard

6

Detail

7

Mobile

8

CTA

1
Customer Self-Service Portal page 1
2
Customer Self-Service Portal page 2
3
Customer Self-Service Portal page 3
4
Customer Self-Service Portal page 4
5
Customer Self-Service Portal page 5
6
Customer Self-Service Portal page 6
7
Customer Self-Service Portal page 7
8
Customer Self-Service Portal page 8

Design

The chosen theme for this project is modern product system. This theme was chosen so the product feels professional, clear, and ready for business use. The selected style is minimal, modular, and image-forward. This style keeps the focus on structure, creates breathing room, and makes the experience feel modern.

1

Home

The home page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

2

Overview

The overview page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

3

Features

The features page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

4

Workflow

The workflow page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

5

Dashboard

The dashboard page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

6

Detail

The detail page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

7

Mobile

The mobile page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.

8

CTA

The cta page is designed to present key information clearly, keep the visual rhythm clean, and help users understand the project flow quickly.