![Swift Logo](https://static.wixstatic.com/media/baa4be_b922126d2d64422d9f1849dac27957f6~mv2.png/v1/fill/w_48,h_49,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Swift%20Logo.png)
UX PLAN
Shipment Portal
![Shipment Screen](https://static.wixstatic.com/media/baa4be_9579ce0890d346ab945ac6ac30984bc5~mv2.png/v1/fill/w_409,h_270,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Shipment%20Screen.png)
Problem Statement
Create a user-friendly web-portal for obtaining quotes for air and ocean freight rates. The portal should allow users to input details of their shipment, select optional services, and receive accurate quotes for their shipment.
Goals
Create an intuitive and efficient portal allowing users to input shipment details such as weight, dimensions, type of shipment (boxes, pallets, containers), origin and destination locations, and optional services selection. The portal should offer rate quotes based on the inputted information for various shipment types like Air Cargo, Sea Cargo, or Courier Boxes. Focus on enhancing user experience by designing a seamless flow that guides users through the process effortlessly, ensuring clarity, ease of use, and efficiency in obtaining accurate rate quotes for their shipments.
![Goals screens](https://static.wixstatic.com/media/baa4be_b7b3c35db82c4c339867c461c0e82c66~mv2.png/v1/fill/w_389,h_446,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Goals%20screens.png)
Target Audience
The target audience for a shipping company offering air, sea, and courier services, both domestically and internationally, can be categorized based on their shipping requirements. This includes consumers, businesses shipping various products, domestic and international shippers, customers with specific needs like high-value items seeking secure shipping solutions, large shippers targeted through marketing campaigns, and industry sectors like manufacturing or healthcare.
![Potential Users](https://static.wixstatic.com/media/baa4be_36f153c90f0c41b2a4a1d6efd21890b6~mv2.png/v1/fill/w_600,h_466,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_36f153c90f0c41b2a4a1d6efd21890b6~mv2.png)
![Problems](https://static.wixstatic.com/media/baa4be_d23fd63f2cff43029785059702c06918~mv2.png/v1/fill/w_516,h_599,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_d23fd63f2cff43029785059702c06918~mv2.png)
Pain Points
1. Transparency
Lack of transparency in tracking shipments, delays in delivery, and high shipping costs when using local vendors.
2. Management
Difficulty in managing international shipments, complex customs procedures, and high shipping costs.
3. Timely Delivery
Ensuring timely deliveries, and negotiating competitive rates.
4. Shipment Tracking
Difficulty in tracking high value shipments as the tracking system is not accurate and full of technical glitches.
User Persona
![User Persona](https://static.wixstatic.com/media/baa4be_a060576ff51b4217a8553457937eb0b5~mv2.png/v1/fill/w_753,h_452,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/User%20Persona.png)
![Goals screens mock](https://static.wixstatic.com/media/baa4be_b7b3c35db82c4c339867c461c0e82c66~mv2.png/v1/fill/w_389,h_446,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Goals%20screens.png)
Solution
Separate screens for data entry of personal details, shipment details etc. can help consumers enter their personal details and receiver details more easily, reducing the chances of errors and ensuring accurate shipment information. Small business owners may face challenges in managing international shipments, separate screens can help them manage data entry.
Overall service for small to large businesses as well as one time users, streamline the process of providing accurate data for all with options such as entering the weight of their packages, this will also help users get cost effective shipping service instead of paying for standard charges.
Make it easy for users to choose between different types of shipping service that best suit their requirements.
Reasons
Separate screens to input personal details and shipping details will increase visibility, general aesthetics of the screen and will have a clean UI, ensuring no confusion among the users while entering the details, hence accurate shipping details.
Incorporated a grid style for the home screen which uses less space and more information, with this, I could include the 3 major shipment services as well as a card for order tracking, all within the first fold of the screen, this will help users to scan through the screen effectively.
Clean and user friendly UI for all age groups, with the minimalism incorporated in the screens that require user’s data, is appreciated by millennials as well as by users above the age of 40 as this UI allows greater visibility.
User Flow
![IA](https://static.wixstatic.com/media/baa4be_fd809c0a75704eb58cf26734a1d17bcd~mv2.png/v1/fill/w_379,h_448,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_fd809c0a75704eb58cf26734a1d17bcd~mv2.png)
Low Fidelity Wireframes/ Paper Sketches
![Sketch- 1](https://static.wixstatic.com/media/baa4be_349ac56dfb2d4c87ba026625d10f161d~mv2.png/v1/fill/w_397,h_298,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_349ac56dfb2d4c87ba026625d10f161d~mv2.png)
![Sketch- 2](https://static.wixstatic.com/media/baa4be_2367932aca1d4dd6abf5096258bcb121~mv2.png/v1/fill/w_229,h_172,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_2367932aca1d4dd6abf5096258bcb121~mv2.png)
![Sketch- 3](https://static.wixstatic.com/media/baa4be_5a5ce23d9bf4462d929c2df83cf5beff~mv2.png/v1/fill/w_229,h_171,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_5a5ce23d9bf4462d929c2df83cf5beff~mv2.png)
High Fidelity Screens
![App- Home](https://static.wixstatic.com/media/baa4be_baaf309b88414958b9d48e4344740f69~mv2.png/v1/fill/w_418,h_248,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_baaf309b88414958b9d48e4344740f69~mv2.png)
Grid style UI to have more content on the home screen within the first fold, reducing the unnecessary interactions such as scrolling through the entire page to get all the information.
Separate screens to input personal details and shipping details will increase visibility, general aesthetics of the screen and will have a clean UI, ensuring no confusion among the users while entering the details, hence accurate shipping details.
![App- Personal details](https://static.wixstatic.com/media/baa4be_8ed3fdffbde642ecbe4adeb45bb07d3f~mv2.png/v1/fill/w_451,h_268,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/baa4be_8ed3fdffbde642ecbe4adeb45bb07d3f~mv2.png)