Client Overview: Topi is a promising startup offering a B2B subscription platform that facilitates retailers and manufacturers to rent out their equipment to other businesses. With a recent successful funding round of $45M, Topi was poised for significant growth. However, their existing website needed a revamp to reflect their innovative approach and accommodate expansion into new markets, particularly English-speaking ones.
Client's Challenges:
- Outdated website design not reflective of Topi's brand identity and innovative solutions.
- Need for a multilingual website to cater to English-speaking markets and enhance global reach.
- Integration of forms with HubSpot for efficient lead management and nurturing.
Solution Offered: At NOCODEPRO, we recognized the potential of Webflow, its CMS capabilities, and the flexibility of JavaScript to address Topi's challenges effectively. We used Client-First for element structure and class naming, leveraging Webflow Localization to translate the entire site into English, and using JavaScript to seamlessly connect forms with HubSpot.
Implementation Process:
- Design Transformation with Webflow:
- Collaborated closely with Topi's team to understand their brand, values, and target audience.
- Designed mockups and wireframes using Webflow's intuitive interface, ensuring client-first element structure and class naming for easy management.
- Iteratively refined designs based on client feedback, ensuring alignment with their vision and goals.
- Webflow CMS for Dynamic Content:
- Leveraged Webflow CMS to empower Topi's team to manage content efficiently, facilitating easy updates and scalability.
- Structured CMS collections to organize equipment listings, pricing plans, and other dynamic content, enabling seamless integration with the website.
- Multilingual Support with Webflow Localization:
- Implemented Webflow Localization to translate Topi's website into English, catering to a broader audience and expanding market reach.
- Ensured linguistic accuracy and cultural sensitivity in translations to resonate with English-speaking users effectively.
- Integration of Forms with HubSpot using JavaScript:
- Developed custom JavaScript solutions to connect Webflow forms with HubSpot, enabling streamlined lead capture and management.
- Implemented event listeners and API integrations to ensure real-time synchronization of form submissions with HubSpot's CRM.
Results Achieved:
- Enhanced Brand Image and User Experience:
- Topi's website underwent a significant transformation, reflecting their brand identity and conveying their innovative solutions effectively.
- User-centric design and intuitive navigation improved user experience, resulting in increased engagement and conversions.
- Expanded Market Reach with Multilingual Support:
- Webflow Localization enabled Topi to translate their website into English seamlessly, facilitating entry into English-speaking markets.
- Expanded market reach and improved accessibility contributed to increased website traffic and customer acquisition.
- Efficient Lead Management with HubSpot Integration:
- Integration of Webflow forms with HubSpot empowered Topi's team to capture leads effectively and nurture them through targeted campaigns.
- Seamless data synchronization between Webflow and HubSpot streamlined lead management processes, enhancing efficiency and effectiveness.
Conclusion: By harnessing the power of Webflow, Webflow CMS, and JavaScript, NOCODEPRO successfully assisted Topi in revamping their website, expanding their market reach, and optimizing lead management processes. The collaboration resulted in a visually stunning, user-friendly website that aligns with Topi's brand identity and supports their growth objectives effectively. As Topi continues to innovate and expand its offerings, NOCODEPRO remains committed to providing innovative solutions to fuel their success in the competitive B2B subscription platform landscape.
We had a great experience with NOCODEPRO.We used the subscription which made it very easy to put in requests whenever needed. The collaboration was very easy and the time to respond really stood out.It also really helped to be working with the usual tools like Trello and Slack.
Kim Richter, Head of Marketing @ Topi
Visit the live site here
* This article is NOT sponsored. If you are considering buying a plan, use the affiliate link in the article to get a discount, e.g., 10% off any Xano plan.
