After I received the design files and logos from Keplar, I got to work on developing the Bimas Bikes website. Starting with the desktop breakpoint, I matched their design files and was able to incorporate some custom animations and interactions that would be subtle, yet engaging for the users. I created a hover interaction that linked with the products within the CMS to display a bike type on hover of the text. It was interactive and fun to see the bikes pop up to the side when you hovered over the list of bikes they offered.
Once satisfied with the desktop pages, I worked my way down the other breakpoints and arranged the content to follow industry best practices and allow for a good experience for the user. Making sure the content was still displayed in a digestible format, I was able to complete the responsive design for the smaller devices quickly and efficiently.
Building and connecting the forms for the Bimas Bikes website was crucial to ensure they were able to get in contact and collect valuable data for potential dealers and customers. After linking all the forms, I also made sure that all images were optimized and ready for the web, ensuring a light website and fast load time.
With the deadline, I was sure to get the website back into the hands of the agency's development team quickly, and since they were fairly new to Webflow, I stayed in contact with them to answer any additional questions they had and was a valuable asset pre- and post-launch. I've left my door open to Keplar in the event they need additional assistance or consultation with Webflow and SEO best practices. Check out the Bimas Bikes website.