Streamlined User Journey with Engaging Design

Navigate to

Overview

Research

Hypothesis

Design

Prototyping

Takeaways

Overview

Problem

Cluttered user experience and boring design, which decreases the user’s stay on the website and increases the bounce rate.

Outcome

Fresh and enhanced website design with a better user experience increases user’s stay by keeping them engaged.

My Role

Product Designer

Timeline

8 days

1 Week

View prototyping

Research Phase

Insights

Excessive text with no visual hierarchy

Excessive text causes cognitive load and increases the bounce rate.

No visual hierarchy makes website less engaging and boring.

No visual hierarchy makes a website less engaging and boring.

No social proof or testimonials to earn users trust.

(Previous Design)

Competitive Analysis

Identified content & design patterns

I conducted a competitive analysis of 5-6 logistics websites to understand visitor experiences and recognize effective content and design patterns. This informed my hypotheses on key elements to include on the website and how to display them effectively.

Hypothesis

By making the website visually engaging with a structured layout and enhanced user experience, users will spend more time on the website, and their chances of using services will increase.

Sitemap

Organizing & structuring the pages

Created a sitemap to define the hierarchy of pages and ensure intuitive navigation, making it easier for users to find information quickly and efficiently.

Design Phase

Design

Style Guide

Reflecting brand's identity & values

Created a style guide for maintaining a cohesive visual identity. It provided detailed specifications for design elements, ensuring uniformity across the website and strengthening brand recognition.

Typography

Poppins

Mglc is a logistics website.

Color Pallete

#FF9500

#050948

#FCFCFC

#737373

#01020E

Website Design

Redesigning the interface with a better UX

The UI design process was key to developing an engaging and intuitive interface. By focusing on aesthetics and usability, I aimed to create a positive user experience that encourages interaction and retention.

Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page

Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page
Home Page
About Page
Services Page
Contact Page

Home Page
About Page
Services Page
Home Page
About Page
Services Page
Home Page
About Page
Services Page
Home Page
About Page
Services Page

Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location

Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location
Home Page
About Page
Intuitive CTA to ensure a
smooth contact experience.
Used relevant HD image with each
statement to convey message stronger
Made mission statement prominent
to help visitors understand the mission
Made values section visually intuitive
to connect deeper with visitors
Page heading on a team image
to show visitor current location
Services Page
Intuitive CTA to ensure a
smooth contact experience.
Testimonial section under the services section to strengthen visitor's trust to use the services.
The intuitive layout of the services helps
user easily go through each service easily
Page heading to show
visitor current location

Prototyping

Walk through to show what's inside

Check out the prototyping of the revamped website design by clicking on the button below.

View prototyping

Final Takeaways

01

Numbers game

Showing the number of projects being done successfully helps users or customers decide quickly to take the next step.

02

Learnings

Working on this project helps me understand how things work in the cargo industry. Also, I share the importance of seamless designs for business growth.

03

Get the job done

It's not mandatory to follow each process to get the desired outcome. That's why I skipped the wireframing due to a tight deadline.

Inspired by This? Let's Keep Going!

Previous Case Study

Next Case Study

Streamlined User Journey with Engaging Design