Neat And Tidy (Frontend Dashboard )
Project Overview
The frontend dashboard design project aims to create an intuitive and visually appealing user interface. It will feature data visualization, providing users to access and manage key information efficiently. The dashboard design platform helps the user to focus on effective data interpretation and task execution.
Tools Used
![download.png](https://static.wixstatic.com/media/2f7a34_ab6b7882ab65485fa475ed903b6eecd1~mv2.png/v1/crop/x_56,y_0,w_182,h_168/fill/w_43,h_40,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/download.png)
Project Duration
August 2023 - Septemeber 2023
My Role
Creating an intuitive and visually appealing user interface that enhances the user-friendly workflows, information hierarchy, ensuring the frontend facilitates efficient task execution, inventory management, and provides actionable insights for laundry operations.
Problem Statement
The frontend management lacks real-time updates, leading to inefficiencies in task assignment and inventory management. Additionally, there is a need for enhanced reporting features to monitor machine usage and optimize resource allocation.
The project aims to address these issues by revamping the frontend interface for improved usability, data accuracy, and operational efficiency in laundry management.
Solutions
The Dashboard lets you
Assign task at one click
![5847222.png](https://static.wixstatic.com/media/2f7a34_d36682d9909f4a5c99b539bff5caccfd~mv2.png/v1/fill/w_76,h_76,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/5847222.png)
Focus on priority orders
![5271372.png](https://static.wixstatic.com/media/2f7a34_84ec84662df34db49d188192b402ad37~mv2.png/v1/fill/w_71,h_71,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/5271372.png)
Add new offline orders
![3024515.png](https://static.wixstatic.com/media/2f7a34_0d3249354ef048c5a55f030afc7c9d53~mv2.png/v1/fill/w_76,h_76,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/3024515.png)
View the laundry workflow
![6487817.png](https://static.wixstatic.com/media/2f7a34_9ac7af99f9784cbfb9e058ae0957adbc~mv2.png/v1/fill/w_71,h_71,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/6487817.png)
View summary of the store
![7793417.png](https://static.wixstatic.com/media/2f7a34_5065047a217048a39a2b0597fe8671ed~mv2.png/v1/fill/w_83,h_83,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/7793417.png)
View employees working in different departments
![9601376.png](https://static.wixstatic.com/media/2f7a34_bb2ef068047644969934e0d403427709~mv2.png/v1/fill/w_92,h_92,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/9601376.png)
![](https://static.wixstatic.com/media/2f7a34_67c6402b7410436fbd5746941bf839f1~mv2.jpg/v1/fill/w_600,h_554,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/2f7a34_67c6402b7410436fbd5746941bf839f1~mv2.jpg)
Design System
Colours
![Colours.jpg](https://static.wixstatic.com/media/2f7a34_7963ed972df8475e810368567fb36f49~mv2.jpg/v1/fill/w_108,h_29,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Colours.jpg)
Typography
![typo.jpg](https://static.wixstatic.com/media/2f7a34_3db95e9266424cb7844ad75dcde7698c~mv2.jpg/v1/fill/w_90,h_37,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/typo.jpg)
Components and Elements
![components.jpg](https://static.wixstatic.com/media/2f7a34_4a6f1d8341864a678c89d36307fe95f0~mv2.jpg/v1/fill/w_115,h_75,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/components.jpg)
Icons
![icons.jpg](https://static.wixstatic.com/media/2f7a34_e805678923924d1081c84dc8b82dab0e~mv2.jpg/v1/crop/x_0,y_0,w_733,h_136/fill/w_103,h_19,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/icons.jpg)
Final Design
The laundry dashboard's final design offers a simple, navigable user interface that is user-centric. It has an eye-catching design and interactive elements for easy work assignment and inventory tracking.
The layout places a high priority on data accuracy and real-time updates, providing an enhanced user interface that facilitates effective frontend management of laundry operations.
![](https://static.wixstatic.com/media/2f7a34_f8a40a7da91244a5ac438f6a8b23df95~mv2.jpg/v1/fill/w_105,h_97,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_f8a40a7da91244a5ac438f6a8b23df95~mv2.jpg)
![](https://static.wixstatic.com/media/2f7a34_51220b14e43d43159107a50a06b8cb19~mv2.jpg/v1/fill/w_136,h_112,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_51220b14e43d43159107a50a06b8cb19~mv2.jpg)
![abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banne](https://static.wixstatic.com/media/2f7a34_c0d29e18c05c42bcab07e3927fb3409b~mv2.jpg/v1/fill/w_136,h_106,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banne.jpg)
![](https://static.wixstatic.com/media/2f7a34_67a83321ec5149c78b866dde3991c395~mv2.jpg/v1/fill/w_193,h_165,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_67a83321ec5149c78b866dde3991c395~mv2.jpg)
![logo.png](https://static.wixstatic.com/media/2f7a34_c71f57eb62004088831d245dd729da2f~mv2.png/v1/fill/w_106,h_110,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/logo.png)
![logo.png](https://static.wixstatic.com/media/2f7a34_c71f57eb62004088831d245dd729da2f~mv2.png/v1/fill/w_163,h_169,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/logo.png)
![logo.png](https://static.wixstatic.com/media/2f7a34_c71f57eb62004088831d245dd729da2f~mv2.png/v1/fill/w_93,h_96,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/logo.png)
![Mockup1.jpg](https://static.wixstatic.com/media/2f7a34_e4e815883a3248079afeeeb6c5a1e5a4~mv2.jpg/v1/crop/x_0,y_47,w_1208,h_1003/fill/w_454,h_377,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Mockup1.jpg)