Case Study: Designing BigFundr's Website in Webflow
BigFundr has given us a huge responsibility in making their website new and world-class. Here's how we do it.
![Case Study: Designing BigFundr's Website in Webflow](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/6674b5242054f12c8b0a9745_Designing%20BigFundr%27s%20Website%402x.webp)
At the start of the year, we were introduced to BigFundr, an investing platform specialising in property investment loans. They have been around since 2018 and have been expanding quickly to give better chances to retail investors to earn through their investments.I was part of their UX group as well to design their mobile app, admin portal and website. Did I forgot to mention that I am also UX trained? (this will be for another time)
Defining the process
As much as we are excited to start immediately, we need to be careful of jumping too early and getting everything wrong. We set up the process for them to follow as close as possible so that we don't miss anything behind.
-----
Starting with user personas
We held a mini workshop with the stakeholders and directors of BigFundr to go through their lists of user groups and classify them into user personas to understand their users' pain points and needs.
We categorize them in accordance to their age group and go through what they might be facing at that stage in their life. BigFundr's Operations Director has done a good job by retaining all these information and it certainly help us in a lot of ways to fasten the process.
![BigFundr Persona Mapping](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a8cbc44277bde3e331_64e6cf357303690218901041_BigFundr%2520Persona%2520-%2520Slide1%25402x.jpeg)
![Creating personas for BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a7cbc44277bde3e32b_64e6d837071d09380b50f264_BigFundr%2520Persona%2520-%2520Slide3%25402x.jpeg)
-----
Introducing Wireframes
What I would like to emphasize here is that every designer should try to get the wireframes right before going into hi-fidelity designs. There are so many areas that needs to be tackled. For example, the user experience, the content and the layout.
![Designing wireframes for BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a8cbc44277bde3e345_64e6ed5c607b05d852335bd1_BigFundr%252016_9%2520-%25201%25402x.jpeg)
![Custom Web Design for BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a8cbc44277bde3e337_64e6ee4f2fb892b4205a0af2_BigFundr%252016_9%2520-%25202%25402x.jpeg)
-----
Creating multiple design themes
We worked with their branding agency to ensure that we get the proper brand guidelines. Together, we came up with 3 design themes to show to the directors.
![Creating a design theme for BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a7cbc44277bde3e323_64e70a4cd3097898a69d25a1_Header-1.jpeg)
![Alternative design theme - BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a8cbc44277bde3e340_64e70a8da8cfa4f878ac3467_Header-2.jpeg)
![Web Design Theme 3 - BigFundr](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a7cbc44277bde3e320_64e70aa054672ebf4ca197fa_Header.jpeg)
-----
Putting it together on Webflow
Once we have gotten approvals from the directors, it is time to let our fingers do the magic on Webflow. Prior to this, they were using Odoo as part of their website and CMS, and it has gotten out of hand when the designs were not updated and it takes a very long time for changes to be made especially on the front end side of things. We managed to convince them to use Webflow just for their website and using Outsystems for their investment portal.
![Using Outsystems for the investment portal](https://cdn.prod.website-files.com/64c7b734b044b679c715bc30/66cb35a8cbc44277bde3e334_64e716d632f3a78c8eeb1f3a_Screenshot%25202023-08-24%2520at%25204.36.17%2520PM.png)
Separating these two platforms has worked wonders. Now, they can easily update their website as much as they want and see it go live in a matter of seconds instead of having to rely on developers to code the design for them.
With this two low code SAAS, they are pretty much ready to launch all of their products at the same time.
Of course, we got help from some awesome websites to ensure that we can come up with the designs fast and keeping the website tidy and efficient.
- Finsweet Library. Taking care of their CMS is such a breeze.
- Unsplash. Free to use images.
- Icons8. Awesome library of icons and illustrations
Conclusion
You can take a look at the full portfolio here
We had an awesome time creating this project. Will update on the mobile app once we have launched the app!
Let's talk.
Schedule a call with us if you need any help regarding website design or Webflow. The least we can do is to give you good advice.
Free Website Audit.
We'll do a mini website audit for you and get the fundamentals ready for you to embark on your website redesign.