Improve accessibility, streamline navigation, and boost lead conversion through research-driven, WCAG-compliant design.
Project Type
Corporate Website Redesign
Role
UX/UI Designer
Tools Used
Figma, Adobe Illustrator, Adobe Photoshop, WordPress
Duration
6 months
Team
1 Full Stack Dev, 1 Content Lead, 1 Stakeholder
Focus Areas
Navigation, Accessibility, Visual Redesign
This case study covers the full UX redesign of Doxim’s corporate website to improve accessibility and lead conversion. The project involved user research, navigation restructuring, a responsive design system, and WCAG 2.1 AA compliance improvements, resulting in measurable performance gains.
The site looked polished, but not everyone could use it. Fewer visitors were sticking around long enough to convert. Accessibility gaps, unclear navigation, and inconsistent call to actions made it hard for users to get what they needed. For some, it was frustrating. For others, it was a complete blocker. We knew the experience had to change if we wanted to reach everyone and bring more users to the finish line.
I set out to redesign Doxim’s corporate website to create a clear, accessible, and conversion-focused experience. My goal was to showcase their enterprise solutions effectively, build trust with visitors, and support the marketing team in driving qualified leads.
Before making changes, I needed to understand what was and wasn’t working. A user survey showed that many visitors came back weekly, some even daily—but they weren’t having a great time. Regular users felt lost in the cluttered mega menu, while new visitors were overwhelmed by too many forms and call to actions. Poor content structure and an outdated layout made the site feel busy and hard to navigate, even for those who knew what they were looking for.
"Where can I locate the webinar? Where should I look for the eBook or whitepaper relevant to my industry?"
"Sometimes I struggle to locate the resources I need; the website feels outdated, reminiscent of the 1980s."
Poor Information Structure
Users struggled to quickly locate content due to unclear organization and a lack of intuitive hierarchy.
Confusing Navigation Categories
Overly complex or illogically grouped menu items made it hard for users to browse effectively.
Difficult to Navigate
A lack of clear signposting, such as breadcrumbs or consistent page structure, left users feeling disoriented.
Outdated Visual Design
The design felt dated and was not optimized for modern devices, negatively impacting the brand's credibility.
Excessive Forms and CTAs
An overload of call-to-action buttons and sign-up forms created friction, overwhelming both new and returning users.
Accessibility Issues
The site failed to meet accessibility standards, making it unusable for people with disabilities and risking legal compliance.
Not Mobile-Friendly
Poor mobile responsiveness led to usability issues such as inaccessible menus, broken layouts, and difficult interactions on smaller screens.
To solve the usability issues users were running into, I started by mapping the full customer journey. This helped me spot where people were getting stuck—mostly around navigation and finding content. From there, I restructured the information architecture to make things clearer and easier to browse. That foundation shaped a new experience that’s more accessible, mobile-friendly, and built to convert.
To better understand the user’s experience, I created a journey map using common user flows and survey feedback. It revealed where people got confused, dropped off, or lost interest. These insights helped shape how the content was reorganized and how we improved the flow from entry to conversion.
Annotated journey map showing major user friction points pre-redesign
Once I saw where users were getting lost, I knew the structure had to change. I reorganized the menu to match how people naturally search and think, cutting out the extra clicks and dead ends. With the clutter gone and the paths clearer, the site started to feel easier to navigate—more like it was built for the people using it.
Navigation was one of the biggest sources of frustration. The original mega menu was overloaded, with too many categories, unclear labels, and a structure that left users feeling lost, especially when they returned looking for something specific. To fix this, we audited the navigation, mapped out its weak spots, and rebuilt it around real user tasks like exploring solutions, accessing resources, or getting support. I introduced clearer top-level categories and flatter menus that were easier to scan and use, especially on mobile. Internal users immediately noticed the difference. It felt cleaner, faster, and more intuitive. With accessibility baked in from the start, the new navigation not only improved the experience which it helped move users closer to what they came for.
Too many forms and buttons were overwhelming users and cluttering the page. To fix this, I pulled everything into one clear flow. A sticky “Request a Demo” button gave users a consistent next step, guiding them to a single, focused form instead of hitting them with prompts at every turn. It kept things clean, reduced pressure, and made the path to conversion feel a lot more natural—and a lot more effective.
Once the navigation and structure were in place, I turned to the visuals. The old site looked dated, felt inconsistent, and made it harder for users, especially enterprise clients, to trust what they were seeing. I set out to create a cleaner, more unified design that reflected Doxim’s brand today and worked better across every screen. The result was a more polished, readable, and trustworthy experience.
UI design system with updated accessibility components
I built a modular UI system in Figma, drawing from the company’s media kit to define consistent typography, icons, color use, and spacing. Every component was designed for reuse, making it easier to scale internally and adapt for marketing needs. I focused on visual hierarchy to guide users through the content which are using white space, clear headings, and brand colors to highlight key actions without distractions. Accessibility was part of every decision, from color contrast and readable fonts to mobile layouts that were easy to scan and navigate. The result was a cleaner, more modern site that not only looked better but helped drive engagement, leads, and long-term user retention.
Final mobile and desktop grid system used for layout consistency
To bring consistency and flexibility to the interface, I designed a responsive layout system using a 10px baseline grid and a column-based structure. On desktop, a 10-column grid kept content aligned while allowing room for dynamic layouts. On mobile, I shifted to an 8-column grid to support better stacking, readability, and touch interaction. This system carried across every key template, keeping typography, spacing, and hierarchy consistent on any screen. It also made collaboration with developers easier and ensured a clean, scalable experience from design to implementation.
Before diving into visual design, I built mid-fidelity wireframes to focus on layout, content flow, and task completion. These wireframes gave the team a clear blueprint to test usability and navigation without being distracted by styling. By working through structure first, we could test assumptions early, gather feedback, and make meaningful changes with minimal effort. It was a crucial step to make sure the final design was built on a foundation that worked for real users.
With the mid-fidelity wireframes ready, I ran a usability study to see how well the new structure supported real tasks. We focused on how easily users could navigate, find content, and complete actions like reaching a solution page, locating a document, or accessing the contact form. The study brought in both internal stakeholders and external users who knew the old site. Using clickable prototypes, we observed each session remotely as participants moved through the experience, task by task.
Key feedback included:
Navigation felt significantly clearer, with fewer misclicks and backtracks
Content was easier to locate, thanks to the simplified IA and task-based grouping
The unified “Get Started” CTA improved flow, reducing hesitation and form abandonment
Navigating back to the top of the page can become cumbersome after extensive scrolling through the site
After reviewing the findings, I refined key details—clarifying menu labels, making support links easier to find, and adjusting spacing for mobile. To bring everything to life, I worked closely with the developer to implement interaction patterns, subtle animations, and front-end behavior across core components. These final touches made sure the design felt intuitive, polished, and ready for high-fidelity delivery.
The redesigned Doxim website made a real impact. Navigation became smoother, call to actions were clearer, and content was easier to find. The site worked better on every device, met accessibility standards, and felt more welcoming to every user. It was a cleaner, more efficient experience—for both the people using it and the team behind it.
Please check out the live site at https://www.doxim.com/ (The site may undergo alterations to meet the company's evolving needs after my departure.)
With the high-fidelity designs in place, I ran a second round of usability testing to validate the final UI and interactions. This round focused on how clear the visuals felt, how well the design worked on mobile, and how easily users could complete key tasks on high-impact pages like the Solutions overview and Contact forms. Participants revisited the same tasks from the earlier phase—finding a solution, downloading a document, or reaching out for support. This time, they moved through a more branded experience, and the feedback was clear: the visual hierarchy, typography, and streamlined calls to action made everything easier to follow and more engaging.
Notable feedback included:
“I used to get lost in the menu, but now it’s really easy to find what I’m looking for.” - B2B Customer
“Everything feels a lot cleaner. I can actually read this on my phone now.” - New Visitor
“Having one clear call to action makes it feel less overwhelming than before.” - Marketing Team Member
“This redesign really brought the brand to life while staying accessible.” - Sales
Based on the study, I made a few final tweaks—adjusting form spacing, reducing visual clutter in key areas, and improving touch targets for mobile users. These small changes helped polish the experience, making sure it stayed true to the brand while feeling seamless and accessible for everyone who used it.
While the client handled post-launch analytics, feedback from usability testing, stakeholders, and integration partners all pointed to noticeable improvements in usability and engagement. With a focus on clarity, accessibility, and a stronger structure, we anticipated the redesign would lead to the following performance gains:
Bounce Rate on Key Pages
65%
↓ 40% - 45%
Time to Find Key Resources
1.5–2 mins
↓ under 45 seconds
Form Completion Rate
Low
↑ +35%
Mobile Task Completion Success Rate
60% (via testing)
↑ 90% (via responsive redesign)
Accessibility Compliance
Partial (WCAG 2.0 A)
✔ WCAG 2.1 AA Compliant
These improvements reflected the success of simplifying the navigation, restructuring content, and focusing on an inclusive design approach.
Accessibility was built into every step of the redesign to make sure the site worked for everyone. The interface was designed and tested against WCAG 2.1 AA standards, with careful attention to screen reader support, strong color contrast, and clear, usable interaction cues.
Providing descriptive alt text for all images and icons
Structuring content semantically to support screen reader navigation
Maintaining high color contrast ratios to support users with visual impairments
Using clear, descriptive link and button text for improved context and usability
Avoiding motion or animations that could trigger vestibular disorders
Ensuring all interactive elements are keyboard accessible and have visible focus states
Maintaining a consistent layout and hierarchy across pages to support users with cognitive and learning disabilities
This project was a strong reminder of how critical it is to align user needs, business goals, and technical feasibility from the start. Grounding every decision in research and testing made it possible to deliver a solution that truly worked—for users and the business. Close collaboration with the developer helped bring the design to life, from refining microinteractions to making sure the system was accessible, responsive, and technically sound. Ongoing conversations with stakeholders kept priorities clear and the entire team moving in sync.
Key takeaways:
Start testing early and often to avoid costly changes late in the process
Keep accessibility top-of-mind from the start—not as a compliance checkbox
Collaboration with developers strengthens both design intent and execution
A modular design system accelerates iteration and maintains consistency at scale
This project delivered a clearer, more engaging experience for Doxim’s users and also strengthened my skills in systems thinking, responsive design, and collaborative problem solving.