This company has created a cryptocurrency – Bonfire Token – and now builds a community of people related to this industry. They also describe their work as autonomous liquidity generation and yield farming. They adhere to an eco-friendly approach in their operations and aim to develop their currency that way.
The company was going through a rebranding and required a new site. The task was to create a homepage based on the new design the company provided. The project had a very strict and tight deadline – 2 days.
Crypto-based social media and app ecosystem in Kuwait
We began with developing a custom WordPress theme for this project. Both its header and footer are made editable from the admin dashboard so that the admin could change the tabs and their links.
The homepage has 10 custom Gutenberg blocks that we’ve developed for this project. Among them, there’s a custom slider for the What’s New? Block with images, text and buttons that link to the company’s roadmap.
Apart from the custom blocks we’ve built from scratch, we also added an email submit form block provided by Gravity Forms. To make it fit the design of the homepage, we’ve customized its style properties. This block provides fields for a name and an email address, and a Submit button.
We adapted the site for desktop and mobile devices. That required converting two blocks into sliders for the mobile view.
The buttons in the header take users to the corresponding blocks of the homepage. For a better UX, the transition from one to another is animated with the smooth scroll effect. Another effect we added to the homepage blocks later is an animated number count-up for the block with statistical information.
Last but not least, we incorporated some other design elements. This part of the task was an after-approval addition, which is why it didn’t fit in the original time frame. These elements were a bonfire gif animation and animated square ornaments for some parts of the site (for the desktop version).
The main requirement for the project – the 2-day completion excluding corrections – was met precisely. The work included creating a custom theme, 10 custom Gutenberg blocks and customizing the plugin functionality for the design of the homepage.
Since the buttons in the header link to the content on the same page, we chose the smooth scroll effect for animating the transition. Some other effects like the animated number count-up were also added to improve the site’s visual attractiveness.
Are you ready
Let’s build your next digital product!