Case Study - Citizen X
Details
2023
Citizen X
Bentliquid LLC
Challenge
Take the provided design and build it in Webflow. Add a special page that can show the tokens in a cool way.
Solution
We created a powerful responsive friendly website for Citizen X in collaboration with Bentliquid.
Implementing an awesome manifesto page where coins are falling on scroll while being interactive on hover.
![citizen x mobile full page screenshot](https://assets-global.website-files.com/6336eb2757594b1ec95fdf42/65901d4879ac1d8d58120dce_citzenx-mobile-full-screen-home-opt.webp)
The website is the same as the design but more responsive. Adding sticky headers in certain areas to follow content on the screen (desktop) really helps the balance as a whole.
![citizen x falling coins](https://assets-global.website-files.com/6336eb2757594b1ec95fdf42/65901d74e1e43a1655aa8065_falling-coins-desktop-opt.webp)
At first we had the coins go to the bottom of the screen, but we soon shifted within a day to make them more random. How we have them structured, makes it very easy to implement changes on the fly to get the desired clients look and feel.
![falling coins gif](https://assets-global.website-files.com/6336eb2757594b1ec95fdf42/6590300bdaab429a82b42744_citizenx-short-opt.gif)