Go back
Client
Anachron
Year
2021-2022
Scope of work
Product, Website
Changing the way Fintech is built, launched and distributed with Anachron
![blog thumbnail](https://framerusercontent.com/images/DQwZ25dSVrgnhow7jviNp1W7nWc.gif)
Visit the website here to see the final outcome. The website is constantly changing as it will always be a work in progress.
![](https://framerusercontent.com/images/Tdyuhw6NiYNYJosB5vlT2ulrss.png)
Process
This is the first actual website that I developed using Webflow after taking online courses from Webflow University to master the tool.
1. Research
I started by doing a lot of research on competitors and listing the features that they had on their websites to come up with a competitive audit and the information architecture of the website.
![](https://framerusercontent.com/images/WQGTB6ghnPW0Fp8vpaglMtUXc.png)
2. Design
When it comes to the design, I used Figma first then reproduced it and made some adjustments in Webflow. It was challenging at first because it felt like I was designing the website twice thus requiring more effort to reach the final result.
3. Test & Validate
I tested the website with 3 potential customers by conducting online interviews and watching them interact with the website and saying their thoughts out loud. I then iterated on the website based on the insights I was able to gather from these interviews to validate my design decisions.
![](https://framerusercontent.com/images/bNExhowMeCEKA3jRAtMHZKKeHVM.png)
Challenges
The most difficult part was the responsiveness. But I managed to get the hang of it quickly and publish the first version of website from scratch under a month on my own as the only designer on the team.
Key Takeaway
Designing in Webflow directly is much faster than starting out in Figma.
![](https://framerusercontent.com/images/9rVKHJH3m8kOoXCTLpB0y2Vsogc.png)
What else?
I designed 5+ fintech products with Anachron. Roboadvisors, financial planners, admin dashboards, budgeting apps, and even a trading chrome extension.
![](https://framerusercontent.com/images/4WmqNb9so1lZF7UnbncT6XQu7pA.png)
![](https://framerusercontent.com/images/2MUOUSuQHTRFJac5cInOvhpC2kU.png)
![](https://framerusercontent.com/images/fo8gCfTI1znYDdwP6buZ330PkJg.png)
![](https://framerusercontent.com/images/u7G5CLoFVOc0EJ3DOB0rwbh1Pr8.png)
![](https://framerusercontent.com/images/ldJzj8IxKmRHyqSOqfz66cRm4.png)