Case study · Website

Designing a Website for a Shipping and Logistics Group

JordanUI/UX DesignWebsite DesignLanding Page Design
Naouri Logistics app
Scroll
The problem

Decades of trust, buried in dense pages.

01Challenge 1 of 2

Lack of Structure and Low User Engagement

The existing website was disorganized with hard to access contact points and a lack of calls to action throughout.

02Challenge 2 of 2

Dense Content

The content provided by Naouri was extensive and text heavy, requiring careful restructuring and allocating within the new interface.

Vitruvian · Our methods

Research first.

Every Vitruvian project starts by understanding the people it serves. For Naouri Logistics, we used one of our methods:

  1. 01Wireframing
Method 01 · How we used it for Naouri Logistics

Wireframing

Developed low fidelity wireframes to define the website layout, structure content, and map key user flows within the new design.

01 / 02 · Solutions01Solution

Structured Content and Clear Navigation

The interface was designed to organize dense content into clearly defined sections, with contact options embedded throughout. This improved navigation and helped users quickly find and engage with the services they needed.

02 / 02 · Solutions02Solution

Visually Enhanced Interface

Brand elements were expanded through custom icons and animated graphics to avoid a text heavy interface and elevate the user experience.

Outcome

What we built for Naouri Logistics