MJ Trucking
Mari Shear, UX Designer
Duration: 12 weeks
Tools Used: Sketch, Figma, Miro, Google forms, Adobe Illustrator and Zoom
Role: All roles of UX research, UI design.
Design Methods
+ Research
Project Overview
MJ Trucking is currently an active software which performs tasks such as dispatching trucks, handling orders, inventory of product, customer and operator relations.
Problem Statement: MJ Trucking is in need of a design overhaul which enables the site to be more concise and current with UI design practices at large.
Design Process Overview
Define
Research
Plan
Design
Prototype
Testing
User
Feedback
Iteration
Research/Plan
Research was conduction in two one-to-one interviews with current employees.
This was done over zoom, where I asked participants to share their screens and walk me through their day-to-day processes with the software. I also went over plans for improvements with the owner of the company via Zoom and we spoke about desired features. Owner expressed desires for improvements.
Secondary Research was conducted to search for current businesses with similar layouts and functionalities for comparison. Since the company was a data heavy and had a data table centric design I tried to look at competitors such as Quickbooks, Microsoft Excel and Docsumo, for inspiration.
Insights
How might we make MJ Trucking look more current?
How might we make a standard for how MJ Trucking will look in future iterations?
How might we make MJ Trucking screen navigation less complex?
How might we attract more prospective customers with better looking UI?
​
Design
MJ Trucking did not have a style guide in place. The owner expressed a desire to have possibly a blue/neutral color system in place.
​
As I proceeded with my design I added to this new style guide which will ultimately help in developing MJ Trucking's design system at a later date.
Image 1 : Current business login screen
Image 2 : Updated Login Screen to reflect fresher UI and desired capabilities
Image 3 : current dashboard upon entering credentials at login
Image 4 : Updated "Dashboard" screen where there was none upon entering credentials. This dashboard includes brief insights into the main screens of interest among employees currently using MJ Trucking software.
Image 6: : Old version of the "Customer Listing screen
Image 7: : Updated version of the Customer listing screen
Image 8: Old version of the Customer information and edit screen, with tabs.
Image 9: Newer version of Customer info screen with easier navigation
Prototype
Conclusion
Mj Trucking was an interesting project for me. Having known nothing about the trucking industry, not only did I enjoy designing but I also learned so much about an industry in which i had no prior experience. In this job I got to work one-on-one with the company's one and only coder. I learned so much about how my designs would translate in code, Bootstrap, and I felt it really enriched me as a designer. I think MJ Trucking is going to flourish in its fresher new feel.
