#Website Design #UiUx Design# Web Architecture
#Website Design #UiUx Design# Web Architecture
#Website Design #UiUx Design# Web Architecture
Metromot Express Logistics
Metromot Express Logistics
Metromot Express Logistics
Minimalist UI and fluid interactions for a premium photography brand.
Minimalist UI and fluid interactions for a logistics company.
Minimalist UI and fluid interactions for a premium photography brand.
About the project
About the project
Metromot Express Logistics is a premier Indian cargo and 3PL supply chain management company established in 1996. Handling everything from global sea freight to specialized pharma logistics, they required a digital presence that matched their industry authority. I designed a modernized, high performance web platform that was subsequently deployed via JD Omni.
Metromot Express Logistics is a premier Indian cargo and 3PL supply chain management company established in 1996. Handling everything from global sea freight to specialized pharma logistics, they required a digital presence that matched their industry authority. I designed a modernized, high performance web platform that was subsequently deployed via JD Omni.
Metromot Express Logistics is a premier Indian cargo and 3PL supply chain management company established in 1996. Handling everything from global sea freight to specialized pharma logistics, they required a digital presence that matched their industry authority. I designed a modernized, high performance web platform that was subsequently deployed via JD Omni.
My Role
Web Designer
My Role
Web Designer
Type
Digital Platfrom
Type
Digital Platfrom
Timeline
2 months
Timeline
2 months
Company
Metromot Express Logistics
Company
Metromot Express Logistics
Location
Kochi, India
Location
Kochi, India
Project Overview
Project Overview
I spearheaded the complete UI/UX design for Metromot Express Logistics, transforming their legacy digital footprint into a lead-generating corporate platform. I was responsible for the end-to-end visual architecture and user experience, which was then seamlessly deployed using the JD Omni platform to ensure robust hosting and business accessibility.
I spearheaded the complete UI/UX design for Metromot Express Logistics, transforming their legacy digital footprint into a lead-generating corporate platform. I was responsible for the end-to-end visual architecture and user experience, which was then seamlessly deployed using the JD Omni platform to ensure robust hosting and business accessibility.
I spearheaded the complete UI/UX design for Metromot Express Logistics, transforming their legacy digital footprint into a lead-generating corporate platform. I was responsible for the end-to-end visual architecture and user experience, which was then seamlessly deployed using the JD Omni platform to ensure robust hosting and business accessibility.
Problem
Problem
With decades of experience and a massive portfolio of over 15 distinct logistical services (ranging from International Relocations to Marine Cargo Insurance), Metromot’s previous digital presence was cluttered. Potential B2B clients struggled to quickly navigate the complex service offerings or find a frictionless way to request freight quotes, leading to dropped leads.
With decades of experience and a massive portfolio of over 15 distinct logistical services (ranging from International Relocations to Marine Cargo Insurance), Metromot’s previous digital presence was cluttered. Potential B2B clients struggled to quickly navigate the complex service offerings or find a frictionless way to request freight quotes, leading to dropped leads.
With decades of experience and a massive portfolio of over 15 distinct logistical services (ranging from International Relocations to Marine Cargo Insurance), Metromot’s previous digital presence was cluttered. Potential B2B clients struggled to quickly navigate the complex service offerings or find a frictionless way to request freight quotes, leading to dropped leads.
Objective
Objective
The primary goal was to architect a streamlined, trustworthy, and modern digital platform. I needed to simplify the complex Information Architecture (IA) to reduce cognitive load, making it intuitive for global users to explore specialized services, verify the company's credibility, and contact regional offices.
The primary goal was to architect a streamlined, trustworthy, and modern digital platform. I needed to simplify the complex Information Architecture (IA) to reduce cognitive load, making it intuitive for global users to explore specialized services, verify the company's credibility, and contact regional offices.
The primary goal was to architect a streamlined, trustworthy, and modern digital platform. I needed to simplify the complex Information Architecture (IA) to reduce cognitive load, making it intuitive for global users to explore specialized services, verify the company's credibility, and contact regional offices.
Solutions
Solutions
I implemented a clean, corporate visual identity utilizing a structured grid system, highly legible typography, and icon-driven service blocks. By modularizing their vast offerings into a digestible UI, I created clear pathways to conversion. Designing with a strict component system ensured that when the site was handed off and deployed via JD Omni, the live build perfectly mirrored the high-fidelity design, resulting in a fast, responsive B2B platform.
I implemented a clean, corporate visual identity utilizing a structured grid system, highly legible typography, and icon-driven service blocks. By modularizing their vast offerings into a digestible UI, I created clear pathways to conversion. Designing with a strict component system ensured that when the site was handed off and deployed via JD Omni, the live build perfectly mirrored the high-fidelity design, resulting in a fast, responsive B2B platform.
I implemented a clean, corporate visual identity utilizing a structured grid system, highly legible typography, and icon-driven service blocks. By modularizing their vast offerings into a digestible UI, I created clear pathways to conversion. Designing with a strict component system ensured that when the site was handed off and deployed via JD Omni, the live build perfectly mirrored the high-fidelity design, resulting in a fast, responsive B2B platform.
Site Map
Site Map
Home (Tracking Tool + Trust Stats + Fleet)
Services (Express, 3PL & Warehousing)
Network (Pan-India Presence & Hubs)
About Us (Journey since 1996 & Compliance)
Customer Portal (Shipment Tracking & Rate Calculator)
Contact (Get a Quote — Primary Lead Gen)
Home (Tracking Tool + Trust Stats + Fleet)
Services (Express, 3PL & Warehousing)
Network (Pan-India Presence & Hubs)
About Us (Journey since 1996 & Compliance)
Customer Portal (Shipment Tracking & Rate Calculator)
Contact (Get a Quote — Primary Lead Gen)
Home (Tracking Tool + Trust Stats + Fleet)
Services (Express, 3PL & Warehousing)
Network (Pan-India Presence & Hubs)
About Us (Journey since 1996 & Compliance)
Customer Portal (Shipment Tracking & Rate Calculator)
Contact (Get a Quote — Primary Lead Gen)
Core Pages
Core Pages
Conclusion
Conclusion
The Metromot project successfully transformed a legacy logistics provider into a modern digital brand. By focusing on intuitive navigation, corporate trust signals, and clear conversion pathways, the new JD Omni-deployed site serves as a powerful, 24/7 sales tool for their global freight operations.
The Metromot project successfully transformed a legacy logistics provider into a modern digital brand. By focusing on intuitive navigation, corporate trust signals, and clear conversion pathways, the new JD Omni-deployed site serves as a powerful, 24/7 sales tool for their global freight operations.
The Metromot project successfully transformed a legacy logistics provider into a modern digital brand. By focusing on intuitive navigation, corporate trust signals, and clear conversion pathways, the new JD Omni-deployed site serves as a powerful, 24/7 sales tool for their global freight operations.
Key Takeaways
Key Takeaways
Organizing Complexity: B2B websites often suffer from information overload. Structuring 15+ distinct corporate services into a clean, modular UI is critical for user retention.
Designing for Handoff: Creating a strict, component-based design system ensured that the final deployment on the JD Omni platform maintained the exact visual integrity of the original designs.
Organizing Complexity: B2B websites often suffer from information overload. Structuring 15+ distinct corporate services into a clean, modular UI is critical for user retention.
Designing for Handoff: Creating a strict, component-based design system ensured that the final deployment on the JD Omni platform maintained the exact visual integrity of the original designs.
Organizing Complexity: B2B websites often suffer from information overload. Structuring 15+ distinct corporate services into a clean, modular UI is critical for user retention.
Designing for Handoff: Creating a strict, component-based design system ensured that the final deployment on the JD Omni platform maintained the exact visual integrity of the original designs.