This project was built with:
Subi.au | Webflow Design and Development

Talha Shahzad

0

Web Designer

Web Developer

Webflow Developer

Figma

JavaScript

Webflow

The Design Journey of Subi.au - From Figma to Webflow
When Subi.au, an advocate for financial well-being and independence, approached us, they wanted a website that would empower and inspire. They needed a digital space that not only informs but also motivates individuals to take charge of their financial destinies. Our mission: to design and develop a website that reflects the transformative nature of Subi.au's mission.
Designing with Empathy in Figma
The financial world can be daunting. With that in mind, we began our design within Figma, focusing on crafting an inviting and approachable interface. The user experience was paramount. We opted for a tranquil color scheme and friendly typography to set a welcoming tone, ensuring that users would feel at ease learning about financial literacy and empowerment.
Bringing Motion to Intentions with Lottie
To help illustrate the journey to financial independence, we integrated Lottie animations at key points throughout the site. These light, yet powerful animations became visual metaphors for growth and progress, breaking down complex financial concepts into compelling, digestible visuals that resonate with the audience’s aspirations.
Constructing a Webflow Experience
With our Figma blueprints as a guide, we turned to Webflow for development. Here we brought the design to life, ensuring the site wasn’t just a repository of information, but a platform for interaction and engagement. We engineered smooth transitions, interactive elements, and a mobile-responsive design that invites exploration and learning.
Interactive Financial Learning Journey
Every scroll through the website is designed to be an educational pilgrimage towards financial enlightenment. The Lottie animations respond to user interactions, fostering an environment that encourages active learning and personal connection to financial concepts.
Responsive Storytelling for a Broader Reach
In today's mobile-first world, we ensured Subi.au's message of financial empowerment was accessible to all, regardless of device. The result was a fluid and adaptable website experience that looks and works flawlessly across the spectrum of browsers and screens.
A Digital Beacon of Empowerment
Subi.au's new website stands as a digital advocate for financial freedom. It marries the instructional with the inspirational, a place where visitors not only acquire knowledge but also the confidence to apply it. With Figma’s precision and Webflow's responsive framework, enriched by captivating Lottie animations, the site is a beacon for those seeking fiscal prowess—illuminating the path to financial autonomy with style and sophistication.
Like this project
0

Posted Feb 21, 2024

Unveil a fresh take on financial literacy with Subi.au — where Figma meets Webflow for an animated, empowering web experience.

Likes

0

Views

3

Tags

Web Designer

Web Developer

Webflow Developer

Figma

JavaScript

Webflow

 Intempt.com - Figma design to Webflow development
Intempt.com - Figma design to Webflow development
 UG Pilates Webflow Design and Development
UG Pilates Webflow Design and Development
Webflow Development for AGM
Webflow Development for AGM
Chargeflow.io - $14M in funding | Webflow Design and Development
Chargeflow.io - $14M in funding | Webflow Design and Development