OVERVIEW

About the Business

Sonar operates within the mortgage technology sector, providing an all-in-one digital platform for mortgage professionals. While the platform was fulfilling its role, Sonar recognized the need to elevate its brand and user experience to better appeal to enterprise-level clients and support the industry’s shift toward digital solutions.

Our experience in web design and branding, combined with a history of delivering successful enterprise-level solutions, made us a great fit for this project.

Country

USA

Services

Website design

Scalable UX/UI design

Motion Design

Our team

Project Tasks and Challenges

Brand positioning

Sonar’s existing website was focused on small to mid-sized businesses, lacking the trust-building elements needed for enterprise-level clients. The company required a brand presence that could instil confidence in larger lenders and brokers, highlighting Sonar’s advanced technology and reliability.

Website design

Sonar needed a refreshed design that would appeal to enterprise clients, communicating scalability, ease of use, and technological innovation.

Lack of user-friendly resources

Sonar had limited digital assets that effectively showcased its platform’s extensive features, which made it challenging to communicate the full capabilities of their solution.

Key Project Goals

To address Sonar's unique needs, the project focused on three primary objectives:

01.

Redesign key website pages—Home, Sonar for Brokers, and Sonar for Enterprise—to attract enterprise clients and establish trust.

02.

Enhance Sonar’s online presence to better position them as a reliable, innovative B2B SaaS provider for mortgage brokers and lenders.

03.

Maintain consistency and scalability by aligning with the existing brand guide.

Phase1:

Discovery

We performed in-depth competitor analysis to understand how top mortgage tech companies present themselves to enterprise clients. This research helped us identify optimal structures for the homepage and informed our strategy for targeting larger organizations.

Phase2:

Ideation

Using Sonar’s brand guide, we crafted a clean, modular, and professional design that reflects the company’s innovation and reliability.  Even though we were working within the existing brand guidelines, we managed to create four distinct design concepts, offering a range of options that showcase creativity while staying true to the brand’s core identity.

Phase3:

Design

Our design approach went beyond creating clear layouts; we developed a comprehensive visual language enriched with custom illustrations and subtle animations to make Sonar’s features more intuitive and engaging. These dynamic elements were carefully crafted to simplify the user experience, ensuring that the interface remained informative yet uncluttered, fostering effortless understanding.

We crafted a responsive design for seamless viewing across web, tablet, and mobile devices, ensuring visual appeal and usability.

The redesign prioritized three key pages to meet client objectives:

Home page

A refreshed homepage that builds trust with enterprise clients by clearly showcasing Sonar's technology and value propositions.

Sonar for Brokers

Highlighting the platform’s benefits for independent brokers, ensuring the messaging remains accessible to smaller users.

Sonar for Enterprise

Focused on scalability, security, and reliability, tailored for larger lenders and organizations evaluating Sonar’s solutions.

Delivery

All digital assets and guidelines were provided via a comprehensive Notion file. This ensured that Sonar’s team had centralized, easy-to-use resources for future updates.

Results

This project transformed Sonar’s brand and online presence to meet the needs of enterprise clients. By aligning the design with Sonar’s goals, we effectively positioned the company for growth in the competitive mortgage tech space.

01.

The revamped design positioned Sonar as a trustworthy choice for large-scale clients, paving the way for enterprise partnerships.

02.

Increased time spent on the site and exploration of features, leading to higher user interaction.

03.

Scalable design system enabled Sonar to maintain brand consistency across future expansions.

04.

Positive Reception and Increased Engagement

Next case

Bagel

First AI-native Product Intelligence Platform