I need cover logo
Designing & implementing a business insurance platform for Community Broker Network
CBN is a leading insurance brokerage network serving diverse communities across Australia.
Product Design
Branding
UX Audit
Tailwind CSS
Front-end
Development
Sanity.io
Next.js
I need cover logo
Designing & implementing a business insurance platform for Community Broker Network
CBN is a leading insurance brokerage network serving diverse communities across Australia.
Product Design
Branding
UX Audit
Tailwind CSS
Front-end
Development
Sanity.io
Next.js
I need cover logo
Designing & implementing a business insurance platform for Community Brokers Network
CBN is a leading insurance brokerage network serving diverse communities across Australia.
Product Design
Branding
UX Audit
Tailwind CSS
Front-end
Development
Sanity.io
Next.js
Introduction
The Community Broker Network (CBN) is a prominent player in the insurance brokerage industry, dedicated to connecting communities 
with trusted insurance solutions.
With a strong commitment to delivering exceptional online experiences and a desire to push the boundaries of web development, CBN embarked on a transformational journey to revamp its digital presence with a new insurance offering, iNeedCover for SME business customers seeking quality, professional insurance advice and coverage solutions they can rely on in a claim. This case study explores how the strategic adoption of Next.js, Tailwind CSS, and Sanity.io, combined with a focus on vibrant design and user experience, propelled the iNeedCover website to new heights.
Who is CBN?
CBN (www.cbnet.com.au) is a leading insurance brokerage network serving diverse communities across Australia. With a reputation built on trust, integrity, and personalized service, CBN connects clients with insurance solutions tailored to their unique needs. CBN's commitment to community well-being extends to its digital presence, making it essential to create an engaging and informative online platform.
Who is CBN?
CBN
(https://www.cbnet.com.au/)
is a leading insurance brokerage
network serving diverse communities across Australia. With a reputation built on trust, integrity, and personalized service, CBN connects clients with insurance solutions tailored to their unique needs. CBN's commitment to delivering positive outcomes for their community extends to its digital presence, making it essential to create an engaging and informative online platform.
Empowering Informed Decision-Making
The primary objective of the iNeedCover website is to empower customers with the knowledge they need to make informed decisions about their insurance needs. To achieve this, iNeedCover empowers customers with access to critical risk information via API, enabling well-informed decisions regarding insurance needs, while guiding initial conversations with the broker.

Users can effortlessly select their company from the available options and gain insights into the associated risks. With a user-friendly form, users can specify the risks they wish to insure against. Once the form is submitted, users can sit back and relax, knowing that an experienced advisor will promptly reach out to provide personalized assistance and guidance.

This approach streamlines the insurance selection process, making it efficient and user-centric. Users no longer have to navigate complex insurance jargon and options independently. Instead, they receive tailored support from experts who understand their unique requirements. This level of service reinforces CBN's commitment to putting customers first and ensuring they receive the best insurance solutions for their specific needs.
Design that
Comes alive.
CBN envisioned a website that not only delivered essential information but also brought a sense of vibrancy and engagement. Collaborating closely with talented designers, the website's design incorporated vibrant colors, dynamic shapes, captivating visualizations, lively illustrations, and delightful Lottie animations. These design elements turned the digital experience into an immersive journey, showcasing the world dreamed up by designers and making it a reality for users.
Design that
Comes alive.
CBN envisioned a website that not only delivered essential information but also brought a sense of vibrancy and engagement. Collaborating closely with talented designers, the website's design incorporated vibrant colors, dynamic shapes, captivating visualizations, lively illustrations, and delightful Lottie animations. These design elements turned the digital experience into an immersive journey, showcasing the world dreamed up by designers and making it a reality for users.
Typograghy
Choosing the right font for a design project is crucial. We needed playful, rounded characters in a sans serif typeface that also aligned well with the overall mood of our project. We chose Sora because its approachable appearance enhances readability while adding a touch of modernity and friendliness, making it an ideal fit for CBN.
Aa
Sora Bold
Abcdefghijklmnopqrstuvwxyz
Abcdefghijklmnopqrstuvwxyz
1234567890
Aa
Sora Regular
Abcdefghijklmnopqrstuvwxyz
Abcdefghijklmnopqrstuvwxyz
1234567890
Colors
We kept the same principles in mind while we created the color palette. Our objective was to curate a collection of youthful and vivid colors, each carefully selected to complement the overall style of our design. We paid special attention to the energy and emotion expressed by each tone, ensuring a harmonious balance that resonates with the target audience.
Some custom illustrations
We wanted to create life-like human figures, enabling our audience to relate more easily. Our aim was to infuse our illustrations with a sense of cheerfulness and immediacy, capturing the essence of lively and engaging interactions.
business type illustrations
Tradesperson illustrationBuilder illustrationPlumber illustrationDelivery illustrationFlorist illustrationAgent illustrationLawyer illustrationProperty owner illustrationBalloon artist illustration
Tradesperson illustrationBuilder illustrationPlumber illustrationDelivery illustrationFlorist illustrationAgent illustrationLawyer illustrationProperty owner illustrationBalloon artist illustration
Subpage header illustrations
About us illustrationInsurance illustrationBlog illustrationINeedCover for illustrationIneedcover illustrationInsurance illustrationTestimonal illustrationUniverse illustration404 illustration
About us illustrationInsurance illustrationBlog illustrationINeedCover for illustrationIneedcover illustrationInsurance illustrationTestimonal illustrationUniverse illustration404 illustration
Typograghy
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
Aa
Sora Bold
Abcdefghijklmnopqrstuvwxyz
Abcdefghijklmnopqrstuvwxyz
1234567890
Aa
Sora Regular
Abcdefghijklmnopqrstuvwxyz
Abcdefghijklmnopqrstuvwxyz
1234567890
Colors
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
Some custom illustrations
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
business type illustrations
Tradesperson illustrationBuilder illustrationPlumber illustrationDelivery illustrationFlorist illustrationAgent illustrationLawyer illustrationProperty owner illustrationBalloon artist illustration
Tradesperson illustrationBuilder illustrationPlumber illustrationDelivery illustrationFlorist illustrationAgent illustrationLawyer illustrationProperty owner illustrationBalloon artist illustration
Subpage header illustrations
About us illustrationInsurance illustrationBlog illustrationINeedCover for illustrationIneedcover illustrationInsurance illustrationTestimonal illustrationUniverse illustration404 illustration
About us illustrationInsurance illustrationBlog illustrationINeedCover for illustrationIneedcover illustrationInsurance illustrationTestimonal illustrationUniverse illustration404 illustration
Development
Excellence.
Server-Side Rendering (SSR)
Next.js was chosen as the foundation of the website, enabling server-side rendering for pages. This SSR approach enhanced the site's speed and ensured seamless content delivery to users, ultimately improving the user experience.
SEO Optimization
A robust SEO strategy was integrated into the development process, ensuring that CBN’s iNeedCover website ranked high in search engine results. This increased visibility helped iNeedCover reach a wider audience, delivering insurance expertise to those who needed it most.
Responsive Design
In today's mobile-centric world, responsive design was a top priority. The website was meticulously crafted to adapt seamlessly to various devices and screen sizes, ensuring that users received an optimal experience, regardless of their chosen platform.
Sanity.io
One of the standout features of the iNeedCover website is its integration with Sanity.io, a leading headless Content Management System (CMS). Sanity.io powers the website's /studio page, providing CBN with unprecedented control and agility over their content.
Content Management
With Sanity.io, CBN can effortlessly manage blog posts, testimonials, team members, and more. The intuitive content management interface empowers CBN's team to keep the website's content fresh and up to date.
Feature Flags
To enhance user experience, CBN leveraged feature flags, allowing dynamic toggling of sections on the site. This flexibility enabled CBN to tailor the website's content based on user behavior and preferences.
Real-Time Updates
Sanity.io's remarkable speed ensures that changes made on the CMS are reflected on the website within seconds. Additionally, it invalidates the cache, ensuring users always see the latest and most relevant content.
Sendgrid logo
Seamless Newsletter Functionality
with SendGrid
To enhance user engagement and communication, CBN seamlessly integrated SendGrid for newsletter functionality. This integration empowers CBN to keep its audience informed about the latest insurance trends, updates, and exclusive offers. With SendGrid's robust features and deliverability, CBN can confidently connect with its clients and provide them with valuable insights, further strengthening their relationship.
conclusion
The strategic amalgamation of Next.js, Tailwind CSS, and Sanity.io has taken CBN's digital presence to unprecedented heights. Vibrant design elements, captivating animations, and a user-centric approach have transformed the website into an engaging and informative platform. With SSR for speed, SEO optimization for visibility, and the power of Sanity.io for content management, CBN now delivers its trusted insurance solutions to communities with greater impact and efficiency. The success story of CBN's digital transformation serves as an inspiration for businesses seeking to elevate their online presence to the next level.

More work

CASE STUDY

MKB Bank

Branding, marketing materials for online & offline campaigns

Read more

CASE STUDY

OTP

UX research, UX consultancy & youth banking strategy for the bank regarding an app targeting teenagers with non-banking functions

Read more

CASE STUDY

Cristo

Designed & developed the app of a pay-as-you-drive insurtech startup

Read more

LET'S WORK TOGETHER

Have a project for us?

Contact us

FF.NEXT NEWSLETTER

Subscribe to our cool company newsletter.

Don’t worry, it’s just a few emails yearly, we won’t spam you.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.