DSD TRUCKING

Website Redesign for Shipping Information Access

Project Brief

DSD Companies, a shipping and logistics company near the Port of Long Beach, needed a modern, responsive website to streamline access to shipment and delivery information for their customers and freight brokers. The primary goal was to reduce customer service calls by providing a self-service platform where users could independently find critical updates.

As the sole designer and developer for the front-end portion of this project, I leveraged my expertise in UX design, HTML/CSS, Bootstrap 3, and responsive web development to deliver a sleek, functional, and accessible solution.

Skills

Project Breakdown

Design 40%
Development 60%

Solution

I developed a fully responsive and intuitive website that became the central hub for accessing shipment updates and company information. The website was designed to accommodate a diverse audience, ensuring ease of use for logistics professionals and casual users alike. By integrating a seamless search functionality, responsive design elements, and a user-friendly interface, the website provided an efficient and professional solution tailored to the logistics industry.

Key Features & Technologies

Responsive Design

Built using Bootstrap 3, the website dynamically adapted to various devices, including desktops, tablets, and smartphones, ensuring users could access shipment information conveniently from any device.

Intuitive Navigation & UX Design

I applied UX design principles to create a straightforward interface with clear menus, logical layouts, and prominent calls-to-action. This ensured users could easily navigate the website and locate the information they needed without confusion.

Custom Shipment Updates Integration

The website featured an intuitive link to the CMS, allowing freight brokers to view real-time delivery updates via a search input box on the front end. The design ensured that brokers could easily enter the MAWB number and retrieve results without confusion.

Cross-Browser Compatibility

The website was integrated with the backend CMS to provide real-time updates on shipments, ensuring that freight brokers and customers received accurate, up-to-date information.

Scalable and Maintainable Codebase

I implemented semantic HTML and modular CSS to ensure the code was clean, efficient, and easy to update or expand in the future.

Conclusion

The redesigned front-end website transformed the way DSD Companies’ freight brokers and customers accessed shipment information. By implementing responsive design, user-friendly navigation, and a powerful search functionality, the website enhanced accessibility, improved operational efficiency, and reduced reliance on customer service for routine inquiries. This project showcased my ability to design and develop solutions that align with business goals while delivering a superior user experience.

Copyright © 2024 Michelle Prather Design Co.