Shipping web app
Summary
Due to its global expertise in maritime transport and logistics, the CMA CGM Group brings its clients a seamless shipping experience truly unmatched on the market. During 1 year, I designed a new web application: Freddie by CMA CGM.
Step 1 : Define the strategy 🎯
Objective: Stand out from the competition by positioning ourselves differently. Reflect our simplicity though the language we speak. Develop awareness of Freddie drive qualified traffic to website.
- Who: Target audience with C-Level from Small Businesses or Logistician Managers.
- How: CMA CGM, who is committed to create the future of shipping, is now introducing a new digital product that will empower people to cut out the middle man and take charge of their own shipping needs. It’s a powerful platform that simplifies the entire shipping experience. It’s Freddie.
![](_assets/img/work/cmacgm/strategy_1.png)
Step 2 : User path & wireframes 🛣️
Defined what we wanted by sketching ideas, making user path, testing the proof of concept and iterate.
![](_assets/img/work/cmacgm/path_1.png)
User flow
![](_assets/img/work/cmacgm/wireframe_1.png)
Wireframes
Step 3 : Branding & Design system 🎨
Created a new brand iden†ity and a design system for the web app
![](_assets/img/work/cmacgm/guideline_1.png)
Brand guidelines
![](_assets/img/work/cmacgm/guideline_2.png)
UI Kit
Step 4 : Visual Design 🖥️
Created visual mockups in desktop version and delivered assets to developers.
![](_assets/img/work/cmacgm/visual_1.png)
Price your route
![](_assets/img/work/cmacgm/visual_2.png)
Select the one you want
![](_assets/img/work/cmacgm/visual_3.png)
Premium services
![](_assets/img/work/cmacgm/visual_4.png)
Sign in or sign up
![](_assets/img/work/cmacgm/visual_5.png)
Shipping informations before purchase
![](_assets/img/work/cmacgm/visual_6.png)
My orders