New Website for FinTech Startup
Hello Dribbblers!
I bet some of you have already heard about bZx, a fintech startup we created a website for here at Zajno. If you haven’t, here’s an article where we tell all about it: the process, approach, challenges and solutions. What you see above is a part of bZx homepage scroll, mainly ‘How it works’ section. I also attach the entire page, be sure to check it out!
Goals As bZx is a business that takes some pretty complex financial instruments, and makes them more accessible, their website was to play a key role in helping to break down the barriers to understanding their product. Besides, bZx didn’t just want a nice storytelling, illustrative website, they also wanted a significant dose of wow-factor. And that’s what sparked our interest!
Approach Having done the research and prototyping, we started experimenting with the design, trying out different solutions until we came up with the one that met all the requirements. As soon as the designs were ready, the development stage began which was even more challenging. We set ourselves the goal of completely shutting the door on ‘low-quality content’. That meant no GIFs and no PNGs, only SVG and programmed animations. We also tried applying fluid-responsive layout for the first time, and we’ve got to say we’re fascinated with the result.
Results As a result, we ended up with a truly storytelling website, united by a single theme, telling a compelling visual story using animation. Besides, the website is pretty original and from what we heard it does create wow-effect :) It also has good performance: ~95/100 according to Chrome Developer Tools and Lighthouse. And the last, but not the least, this project taught us a bunch new things and sharpened skills we already had, which is always cool!
This was also the first website we submitted to different design awards platforms, and it won us our first Website of the Day on CSS Design Awards!
In a nutshell, lot’s of firsts, lot’s of challenges and tons of inspiration. We put it all into our article to infect you with our enthusiasm and share our experience. Hope you’ll find it useful!
Let me know what you think of this! Love hearing from you :)
P.S. Many thanks to @Igor Pavlinski for this awesome animation!
Press "L" to show some love!
ᗈ Join our Newsletter! ᗈ Website ᗈ TheGrid ᗈ Spotify ᗈ Twitter ᗈ Medium ᗈ Facebook ᗈ Instagram
