Boosted user engagement by streamlining the user journey

Hassan Ali

Web Designer

UX Designer

UI Designer

FigJam

Figma

Whimsical Wireframes

Streamlined User Journey with Engaging Design

(Mockup of the hero image)

Overview

Problem: Cluttered user experience and boring design make the website less engaging and increases the bounce rate.

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

Role + timeline: Product Designer, 8 days

Watch on YouTube

Research Phase

Excessive text with no visual hierarchy

Excessive text caused cognitive load and increases the bounce rate.

No visual hierarchy made the website less engaging and boring.

No social proof or testimonials to earn user's trust.

(Previous design)

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.

(One of the competitor of expatriate global)

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.

Ideation Phase

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.

(Redefining the flow of the expatriate website)

Design Phase

Reflecting brand's identity & values

A comprehensive style guide was developed to standardize the website’s visual elements. This ensured a unified look and feel, enhancing the user experience and reinforcing the brand’s identity.

(Typography and color palette)

Redesigning the interface with a better UX

Revamped the previous design by making it visually appealing with improved navigation, streamlined content, emphasized CTAs, and enhanced accessibility features, which you can see below.

(Mockup of the process section)

(Close mockup of the services page)

(Close mockup of the about page)

Prototyping

Walk through to show what's inside

Check out the revamped website design prototype by clicking on the link below.

Watch on YouTube

Web view prototyping

Final Takeaways

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

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.

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.

Like this project

Posted Dec 23, 2024

A fresh and enhanced website that increases the conversion rate with a tailored and engaging design.

Likes

Views