top of page
FNS-Landing Page.png

About FNS

​

F​NS Inc. is a logistics company located in Southern California. FNS provides comprehensive logistic services such as ocean freight, air cargo, warehousing, trucking, and customs clearance.​Using this portal site, authorized clients can get an accurate delivery status, download the invoice, and find necessary shipment data.

Timeline & Team

​

  • March - May (10 weeks)

  • Project Manage x1

  • Developer x1

  • UI Designer x1 - My Role

 

 

PROBLEM + GOAL

​

 

Typically, logistics websites are perceived as dull and uninteresting, which can lead to a lack of user engagement and satisfaction.

​

Our project, in collaboration with the project manager and developer, aims to develop a portal site for FNS clients. Typically, logistics is associated with a sense of monotony and stagnancy. However, we sought to create a more engaging and visually appealing website that would provide our clients with a brighter and more colorful user experience.

DESIGN

​

​

I chose light blue as our primary color theme to coney a sense of reliability, cleanliness, and friendliness, which aligns with our brand values. 
Additionally, we decided to use orange as a secondary color to provide energy and joy to our clients.

​

To ensure consistency in our design choices, I have created a UI Style Guide that outlines our color palette, typography, and other design elements. The Style Guide serves as a reference for our team and helps us maintain a cohesive and professional appearance across all of our designs.

FNS-Typography and Color.png
FNS-Component.png

SOLUTION

​

​

Utilized illustrations to create a more vibrant login portal

FNS-Login  Screen.png

The dashboard presents data visualizations that allow users to easily monitor the invoice payment process and track their total shipment count in real-time

FNS-Dashboard Screen.png

Customers who have logged in can view the status of their shipments, as well as filter and search through them, with the added convenience of being able to download the information as an Excel file.

FNS-Table Screen.png
bottom of page