Santam Switch
Revolutionary home contents insurance made simple
Revolutionary
home
contents
insurance
made
simple
Webflow Development
Lottie Animations
Client-first
Finsweet Cookie Consent
.jpg)
About the Project
About
the
Project
Santam Switch, offered by Santam Insurance in South Africa, simplifies the process of changing insurance providers. Through its intuitive online platform, users can compare policies, receive quotes, and transition seamlessly. With a focus on transparency and customer support, Santam Switch ensures a smooth experience, guiding users to make informed decisions while potentially saving costs and improving coverage benefits.
Task
Creating a website in Webflow, adhering to the existing Figma design, structuring the project with a client-first approach, configuring Finsweet Cookie Consent for user data management and integrating Lottie animations for enhanced visual appeal.
Challenges
- Implementing the website based on the existing Figma design.
- Find a way to develop an organized and scalable website which is easy to maintain.
- Configuring Finsweet Cookie Consent to enable user consent for data processing.
- Integrating Lottie animations to enhance the overall site design.
Resolution
- Successfully translated the existing Figma design into a functional website tailored to Santam's needs.
- Implementing a client-first approach aimed at developing clean, organized, and scalable code for the project.
- Implemented Finsweet Cookie Consent, providing users with control over their data privacy preferences.
- Integrated Lottie animations to enrich the visual appeal and engagement of the site.
.svg)
.svg)
Effortless insurance transition
Effortless
insurance
transition
Santam Switch specializes in simplifying the process of switching insurance providers. It offers an intuitive online platform where users can compare policies, receive quotes, and transition seamlessly to a new insurance provider.
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
// styleguide
Typography & Colors
Typography & Colors
Font Family - Poppins
Heading 1
Heading 2
Heading 3
Heading 4
Aa
Aa
Aa
Aa
84px
64px
24px
18px
Body large = 18px
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Body regular = 14px
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
Dark Blue
Blue
Yellow
White
"Nikola was excellent! We thoroughly enjoyed working with him and he did excellent work for us (Webflow website development with complex animation / transition effects)."