Xledger
The #1 rated cloud ERP empowering ambitious companies to transform their imagination into extraordinary results in one business solution
Client Overview
-
The current website for Xledger lacks character and cohesive brand identity, resulting in a disjointed user experience. Inconsistent UI elements and a lack of alignment with common UX principles make the website difficult to navigate and use effectively.
A redesign was necessary to establish a distinctive brand identity, ensure consistency in UI elements, and enhance usability to better serve Xledger's customers.
-
Understand the client's vision and expectations for the website redesign
Explore different branding identities through experimentation
Obtain client approval for the chosen design direction
Finalize the design based on the approved vision and feedback
-
2024 · Four weeks
Process
Top User Pain Points
Poor Navigation
All menu items are hidden within multiple dropdowns inside a hamburger menu, even on desktop. This design forces users to navigate through unnecessary layers, resulting in a cluttered and inefficient experience.
Confusing Hierarchy
All CTA buttons and section headers appear very similar, especially since the CTA buttons lack a hover state. Additionally, various colors are used for the CTA buttons. Consistent color design is crucial, and the website’s primary color should remain unified.
Cluttered Page Layout & Structure
Each page contains excessive content, with text dominating the space and leaving little room for white space. Paragraphs are often placed back-to-back with no clear visual hierarchy, making it difficult for users to digest the content easily.
Successes & Challenges
Successes
After the redesign went live, Xledger saw an increase in prospective customers requesting demos and additional information. The client noted that with more intuitive and easy-to-read content, customers were better able to understand the product.
Additionally, there was a significant improvement in loading times and mobile optimization. The original site had slow loading times, and the mobile experience was entirely different from the desktop version, with a different structure and even content. Creating a consistent experience across devices was a major success.
Challenges
One of the primary challenges was determining the branding direction for the client. Collaboration between myself, the other designer, and the client was key as we worked to determine the best colors and typography that maintained a connection to the existing brand identity.
Additionally, the client requested that all content remain unchanged, which presented the challenge of fitting a large amount of content into a visually appealing layout. This required extensive refinement and testing to achieve the desired balance.
Insights & Impact
Collaborating with the Director of Design on this project enhanced my Figma skills and allowed us to experiment with various typefaces, color palettes, and layouts to explore diverse brand identities.
Together, we ensured the final design perfectly aligned with Xledger’s modern and versatile brand identity while staying true to its original ethos. The reimagined web pages not only reflect the company’s ideology but also give the website a fresh and updated look that supports its vision for ongoing modernization.