Karma Financial (a private insurance broker) undergoes a website revamp

Karma Financial required a website redesign due to its unprofessional and disorganized appearance, failing to inspire prospects or align with the company's vision and services.

The problem

The client’s dissatisfaction with their website stems from its unprofessional and disorganized appearance, failing to engage prospects or align with the company’s vision and services. Furthermore, the lack of professional management over time exacerbates its unappealing aesthetic. This has resulted in the loss of prospects who expressed frustration at not finding what they needed and perceived the company as outdated and desperate. 

For these reasons, the client has opted to have the website redesigned by a reputable professional.

Image Gallery

Head straight to the technical process.

Before the redesign

The website was cluttered with an overload of text and images, resembling a generic WordPress template. The UI (User Interface) lacked key elements such as responsiveness, engagement, personality, and visual harmony.

After the redesign

The new UI reflected the company’s core values of simplicity (for easy navigation), professionalism (highlighting years of success), and sophistication (demonstrating transparency and understanding of the business). This was complemented by a responsive, engaging, and minimalist design.

Going above and beyond

I decided to provide a darkened version of the new UI. Dark themes have gained popularity among users for their modern aesthetics and enhanced readability in low-light settings.

Technical Process

A Fresh Start: Establishing a Strong Foundation, Clear Direction & Value Proposition

Without a solid structure, websites can become confusing for users, leading to frustration and missed opportunities. When this occurs, it’s essential to conduct thorough research to identify and address the underlying issues.

The new information architecture, informed by insights gleaned from client interviews (including business model, challenges, and user goals), fosters a stronger mental connection between users and the website.

Recognizing the shortcomings of the previous website, which lacked a clear sense of purpose and failed to guide users effectively through the sales funnel (some reporting being clueless about what to do), the revamped information structure prioritizes educating users about the company’s value proposition.

A website that feels intuitive is one that users can easily understand and navigate—it just feels right. Such a site naturally guides users through the sales journey, making things easier for them and reducing the need for customer service assistance.

Relying solely on the client as a stand-in for users isn’t the best approach. To enhance the user experience even more, we proposed conducting usability testing with real users a few months after the website goes live.

Inspiring and Guiding Users with a Sleek and Professional Appearance

The new user flow began to take shape during wireframe creation. Here, UI elements came together to educate and guide users seamlessly. A minimalist design approach, complemented by neutral color tones and clean shapes, fostered a sense of corporate sophistication and professionalism.

To maximize accessibility, we prioritized strong color contrast, mobile responsiveness, and the creation of a dark-themed version of the website. Dark themes are particularly beneficial in low-light conditions, as they help alleviate users’ eye strain.

Technical resources play a crucial role in the design process by maximizing the final solution’s technical capabilities while minimizing the need for costly revisions.

Transformed for Responsiveness and Accessibility

WordPress is the preferred CMS due to its ability to fulfill technical necessities such as hosting, blogging, and an extensive extension ecosystem.

The theme was meticulously built from scratch, prioritizing a mobile-first approach to ensure premium mobile responsiveness across all devices. This way, the layout gracefully adapts to any screen size and renders a seamless user experience.

Employing a minimalist and out-of-the-box approach, we incorporated only essential functionality and third-party systems. This lean coding methodology, combined with compressed files and high-speed servers, resulted in swift website loading times.

Conclusion & Key Takeaways

It began with an unprofessional and disorganized website that left users feeling confused and failed to align with the company’s vision and services. Through the client’s active participation and close collaboration, we conducted a comprehensive study of the audience and business, resulting in the development of a new design.

The revamped design addresses the client’s concerns regarding vision representation and professionalism, offering users a refined experience across all devices.

Next steps

To maximize return on investment, we highly recommend conducting usability testing with real users to ensure that the new design meets their needs effectively.