Website Redesign
Client Name
CROSS-CHECKS' business transition and unintuitive design resulted in navigation challenges for users
CROSS-CHECKS
Irrelevant information
Cluttered design
Uncleared business identity
5 usability tests in total
A global background check provider, faced navigation issues on their site. I optimized the website resulting in a 600% faster task completion, reduced abandon rate from 20% to 0%.
Client Industry
My Roles
Solo UX/UI designer & web optimization consultant
Tools
Figma
Duration
Problem
Solution
TL;DR
Background checks
Sep 2024 (3 weeks)
Confusing design and unclear business identity complicate site navigation
Enhanced content hierarchy, providing intuitive navigation, and clear instructions
Identify Problems
As CROSS-CHECKS shifts from a Canadian fingerprint service to a global background check provider, it faces obstacles in website navigation. Cluttered design, unclear information, broken links, inconsistent design elements, typos, irrelevant content, ambiguous business identity, and distracting animations collectively hinder user experience and navigation on the website.
Prioritized information with both business goal and user need
Eliminated distractions and created concise package service cards
2. Eliminated distractions and created concise package service cards
To ensure a more pleasant user experience, I've removed unnecessary distractions, such as animations and irrelevant information, which were found to be annoying during usability testing. Additionally, I created concise package service cards that allow users to quickly find and understand the most essential information without going to another page.
100% of users complete the “finding drug test screening” task within 3 sec, 600% faster, compared to 20% abandon rate
100% of users think the visual design is improved with comfortable spacing and proper information hierarchy
After: Clean design with service card
3. Redesigned homepage featuring service overview and concluding with testimonials to establish user trust for unfamiliar services
To ensure a more pleasant user experience, I've removed unnecessary distractions, such as animations and irrelevant information, which were found to be annoying during usability testing. Additionally, I created concise package service cards that allow users to quickly find and understand the most essential information without going to another page.
4. Added site-wide navigation for different countries
To ensure a more pleasant user experience, I've removed unnecessary distractions, such as animations and irrelevant information, which were found to be annoying during usability testing. Additionally, I created concise package service cards that allow users to quickly find and understand the most essential information without going to another page.
After
Built upon existing brand design by adding elements that refine content hierarchy and highlight CTAs
To maintain brand consistency and cater to user preferences, I preserved the original brand design elements, including its distinctive color scheme, typography, and logo. To enhance content hierarchy and improve readability, I incorporated additional font sizes, weights, and neutral colors, ensuring a visually appealing and easily navigable experience.
1. Introduced navigation dropdown for major services
To enhance user experience, I've introduced dropdown navigation, as users prefer this method for finding desired items. The dropdown menu is alphabetically organized and further categorized by relevant background check services. This user-centric layout improves accessibility, enabling users to efficiently locate the services they need for an overall streamlined experience.
Comparative User Evaluation: Original vs Redesigned Website
To assess the impact of the redesign, I conducted a comparative user evaluation involving five unique users. By measuring task completion times and gathering feedback on website design and navigation, I gauged the effectiveness of the implemented changes and identified any remaining areas for improvement.
100% user think it’s easier to navigate with a much more intuitive navigation, clear instructions, and a concise service overview
25% of the users think the new design still lack of enough information and a clear CTA
Prototype
Improvement and Reflection
1. I wish I identify clients' unspoken needs, utilize AI and competitor analysis to comprehend the client’s industry standing and being proactive sooner. In future projects, I will be more proactively address potential unspoken needs and leverage AI-driven research and competitor analysis to better understand clients' industry standing earlyon.
2. I wish I have the budget to find both B2B and B2C real users to gather valuable insights. CROSS-CHECKS provides unfamiliar services to most of people. Going forward, I will focus on involving real users from both B2B and B2C segments to gather deeper and valuable insights who really need this service. By incorporating their feedback, I can ensure that my designs cater to the real needs and preferences of various customer groups.
3. I aspire to explore AI ethics and its integration into the background check industry, ensuring responsible and ethical use of AI technology. To better serve clients in the background check industry, I will focus on gaining a deeper understanding of AI ethics and its applications within this sector. By exploring ethical considerations and the potential uses of AI technology, I aim to develop tailored solutions that meet clients' needs while adhering to industry standards and leveraging the power of AI to enhance service quality and efficiency.
4. I wish we can decide a stronger and clearer primary CTA. Balancing CROSS-CHECKS' transition to a global background check provider with limited online information posed challenges in determining the primary CTA. While competitors either offer clear CTAs for booking consultations or focus on single services, CROSS-CHECKS aims to provide comprehensive services without sufficient details, hindering a straightforward CTA selection. But I think it’s normal for company are growing and transitioning.
Post-launch UX metrics recommendation.
By analyzing the post-launch metrics recommended, the business can identify how success the re-design is and keep making data-driven improvements to enhance the website's user experience. Some post-launch UX metrics recommended are listed below. Task completion rate: Measure the percentage of users who successfully complete key tasks, like purchasing a plan or finding specific background check information. Time on task: Monitor how long it takes users to complete tasks, as high times may indicate poor navigation or unclear information. Bounce rate: Track the percentage of users who leave the site after viewing only one page, which could signal confusion or irrelevant content. User satisfaction scores: Collect user feedback through surveys or questionnaires to gauge overall satisfaction with the website experience. Conversion rate: Measure the percentage of users who complete a desired action, such as signing up for a plan or making a purchase.
The client expressed overwhelming satisfaction upon reviewing the proposal and delivered work
“Her thoughtful approach, asking the right questions and doing deep research to truly understand my business, resulted in a website design that exceeded my expectations.“
UI Kit Design
Usability Test After Re-design
Client Testimonial
Eliza M. CEO of CROSS-CHECKS
Moderated usability test in progress
Solution
By optimizing content hierarchy on the homepage and service pages, CROSS-CHECKS can provide intuitive navigation and clear instructions. These improvements will lead to a more user-friendly experience, making it easier for visitors to find relevant information and engage with the company's offerings.
Enhanced content hierarchy, providing intuitive navigation clues, and clear instructions to gain an user centered experience
Introduced intuitive navigation clues backup by researches with color, spacing, typography, and psychology
Q
2 occasional background check users
3 naive background check users
1 from Canada
1 from UK
3 from U.S.
Q
Before: no dropdowns
How do users behave and strategize during navigation tasks?
How long does it take to finish assigned tasks?
What’s user feedback for the current site?
After: with dropdowns
Key insights:
Users rely on navigation bar for easy access to desired services and a better understanding of site functionality
Users felt overwhelmed by cluttered content, irrelevant information, and excessive animations
Users think current brand logo and color is pleasant and reflect professional background check company well
Audit and usability test
Confusing navigation and disorganized content resulted in a 20% user navigation task abandonment rate
Aligned with my audit conclusion, the moderated tests with diverse participants identify areas for improvement, revealing that navigation challenges led to user frustration. While one user attempted to use the search function, its lack of prominence hindered others from discovering it, causing some participants to abandon their tasks. Measuring navigation completion times provided insights into necessary streamlining efforts.
My research includes Competitive analysis
Conducted competitor analysis to identify effective website organizating strategies
Leveraging ChatGPT, pi, and client insights, I conducted a competitive analysis to identify key global background check companies. My goal was to understand their business structures, service offerings, and information organization strategies to inform CROSS-CHECKS' transition to a global provider.
To effectively design for a common service like background checks, it was essential to understand user needs despite CROSS-CHECKS' limited budget. By utilizing ChatGPT, I was able to create detailed personas, simulating potential users, which informed my design decisions and ensured the site's usability without compromising the company's financial constraints.
How other competitors organize and structure their websites?
What kind of services do they offer?
After
After: Clean design with testimonals
Key insights:
Most of the global background check website offers a whole site filter for country to ensure the accuracy of service
Competitors have testimonial section to increase users’ trust
Most of the competitors can’t provide information transparency either
Almost all the competitors organize their services and provide services quite different from each other
I use AI to create Persona
A mid-career HR & an entrepreneurial small business owner
Re-design Updates
Before: loads of texts with carousel animation
Before: Clutter design with excessive animations and no information hierarchy
Before
