Case Study: Designing BigFundr's Website in Webflow

From Wireframes to Webflow: Designing BigFundr's Digital Growth

At the start of 2024, we partnered with BigFundr, a rapidly expanding investment platform that specialises in property-backed loans for retail investors. Though they've been operating since 2018, this year marked a major step forward in their digital transformation and I was fortunate to lead their UX efforts across the mobile app, admin portal and corporate website.

Defining the Design Process

While it’s tempting to dive right into visuals, we always advocate for a structured design process. Starting too fast often leads to wrong turns and costly revisions. So we began with foundational UX strategies.

1. Starting with User Personas

We conducted a workshop with BigFundr's directors and stakeholders to build detailed user personas based on age groups adn investment behaviour. BigFundr's Operations Director had already gathered valuable user insights, which made this process smooth and productive.

Example Persona #1

• Age Group: 21-30
• Needs: Grow wealth through smaller capital
• Pain Points: Lack of trust and financial knowledge

Example Persona #2

• Age Group: 40-50
• Needs: Stable returns with low risk
• Paint Points: Complicated onboarding and unclear product information

These personas informed every UX decision we made moving forward.

2. Creating Wireframes with Figma

We then translated our insights into wireframes, focusing first on the homepage and key content areas like the featured investment notes.

• Homepage: Highligting key benefits, simplified navigation and clear CTAs
• Featured Development Notes: Easy-to-read layout for showcasing investment opportunities

3. Creating Multiple Design Themes

Together with BigFundr's branding agency, we explored three unique design themes that aligned with their brand vision.

These options helped the directors align on a clear visual direction.

4. Building the Website on Webflow

After final approval, we brought the designs to life using Webflow. Previously, BigFundr's website ran on Odoo, which made updates painfully slow. We convinced them to adopt a hybrid model:

• Webflow for the Website - Easy for marketing and business teams to update
• Outsystems for the Investment Portal - Robust and scalable low-code platform

This strategic move gave them faster turnaround times and greater flexibility.

5. Tools That Made It Happen

To streamline production and maintain quality, we used the following tools:

1. Finsweet Library: Clean CMS structure for filtering and sorting
2. Unsplash: Free-to-use high resolution visuals
3. Icons8: Awesome library of icons and illustrations

These resources helped us speed up delivery without compromising on design integrity.

Conclusion

We're proud to have helped BigFundr evolve into a more agile, investor-friendly platform. The new website not only looks great, it's also easier to maintain, mobile-optimised, and built to grow.

You can view the full portfolio here.