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
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.
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.
