Welcome to BES Portal

What is BES Portal?

BES Portal, an internal tool of onlinebelts.com, manages the inventory system for employees and owners.  

My Role

UX/UI Designer

Why redesign?

The outdated and inefficient system designed by the engineer owner led to usability issues and process bottlenecks. The redesign aims to improve user experience, streamline operations, and enhance data management.

Year

2021 - 2023

The Design Goal

Simplify navigation to help users quickly access key inventory management features.
Improve efficiency by reducing the time spent on inventory tracking, product management, and reporting.
Enhance data clarity with well-structured layouts and visual hierarchy, making information easier to understand.
Ensure consistency with a user-friendly interface that aligns with internal workflows.
Support scalability so the system can adapt as the company grows.

Platform

✔️ Website

Project Status

Currently on hold due to the owner/engineer’s parental leave. However, the work done so far demonstrates a strong UX foundation.

Problem Statement


1. The old tool lacks a clear navigation system, making it difficult for employees to update data. How can we improve the navigation system? It should be more detailed, specific, easy to understand, efficient, reduce errors, and enhance usability.

2.  How can we create a new inventory management page for employees to easily find, check, and update product details?

Design Process

Research & Discovery

Who are the users?

Internal employees, owners, managers

What are their pain points?

Complex navigation, outdated UI, lack of useful features

How did I gather insights

User interviews, feedback from stakeholders, competitor analysis

Wireframing

Log In Page

Home Page

Manage Inventory Page

Visual Design

Style Guide

Color

Beltiscool, the original company's name, has updated its logo. I believe using the logo's color as the primary color for the BES Portal will ensure consistency. So the main colors are Brand Persian Red #C53A3E and Brand Darker Grey #4D4B4D.

Font

I chose the Mulish font for its excellent legibility, clean and modern sans-serif design—ideal for a belt company. It’s also free to use, ensuring no additional costs for engineers or owners.

Prototype

Log in Page

Home Page [Idle]

Home Page [ Hover ]

Home Page [ Hide Info ]

Inventory --> Manage Inventory

Inventory --> Manage Inventory --> Click [Product number]

Menu Bar | Before & After

Before

After