Context
StreamNative (a company in the data streaming technology sector) entrusted Digidop with the complete redesign of its website, as well as the migration of content from its old CMS, Jumstack, to Webflow. With over 400 published pages, this was a complex project that required technical expertise and meticulous attention to detail.
In this case study, we will demonstrate how Digidop addressed the challenges related to this project and how we assisted StreamNative in enhancing its online visibility.
The 3 Key Challenges
Founded in 2019, StreamNative experienced rapid growth following its latest funding round. The company needed to:
• Align its branding to ensure coherence between its SaaS product and website.
• Provide an accessible and scalable web platform for its marketing teams.
• Improve SEO performance to boost its inbound marketing efforts.
1. Webdesign
• Building a Design System: Establishing a cohesive design system to standardize branding across the website and SaaS platform.
• Challenging the UI: Creating a cleaner, more corporate interface with a simplified design (embracing the principle that “UX is the new UI”).
• Restructuring the Website: Designing a scalable, business-oriented site architecture that supports growth.
• Collaboration and Solid Processes: Close cooperation between marketing and design teams using Figma to streamline workflows.
2. Web Development
• CMS Integration: Building a fully manageable platform via Webflow’s editor, including 15+ custom CMS collections.
• Client-First Development: Following best practices for structure and scalability.
• High Performance: Achieving Google Lighthouse scores of 90+ for speed and accessibility.
• Compliance and Best Practices: Ensuring web accessibility, GDPR compliance, and seamless integration.
• Advanced Features with Finsweet: Combining 10+ CMS collections with advanced filtering systems using Finsweet attributes.
3. Marketing Support
• Webflow Training: Over 6 hours of hands-on training to empower the marketing team to fully utilize Webflow.
• Reusable Loom Recordings: Video tutorials on editing specifics tailored to their new site.
• Ongoing Support: Annual assistance for creating components, landing pages, and additional training as needed.
4. Lead Magnets: Development of a Dynamic Price Calculator
As part of the project, StreamNative aimed to improve its lead generation capabilities through interactive tools. Digidop worked with the marketing and data teams to design and develop a JavaScript-based dynamic price calculator to serve as a powerful lead magnet.
Objectives of the Calculator:
• Simplify complex pricing models: Provide accurate, tailored estimates for users based on multiple variables.
• Enhance lead generation: Capture user interest through an interactive tool.
• Accelerate sales cycles: Deliver clear, actionable pricing insights to prospects, streamlining the sales process.
Development Highlights:
• User Journey Definition: Designed a multi-step form with conditional fields tailored to user inputs.
• Custom JavaScript Integration: Enabled dynamic, real-time calculations directly on Webflow.
• CRM Integration: Connected the tool to StreamNative’s CRM (Hubspot) to:
• Automatically create qualified leads.
• Synchronize user data for marketing and sales tracking.
• Testing and Optimization: Conducted thorough testing to ensure accurate calculations, seamless user experience, and CRM data integration.
Results:
• A 30% increase in conversion rates for marketing campaigns leveraging the calculator.
• Higher quality leads with actionable data for the sales team.
• Time savings and improved efficiency in the sales process.
Results of the collaboration
1. Over 400 pages migrated seamlessly to Webflow.
2. 15+ dynamic CMS collections created for scalable, editable content.
3. Google Lighthouse scores of 90+, ensuring top-tier performance and accessibility.
4. 30% increase in conversion rates from campaigns using the dynamic price calculator.
Digidop continues its collaboration with StreamNative, providing ongoing Webflow and Web Consulting support to ensure their platform remains efficient and scalable for future growth. With new lead generation tools like the price calculator, StreamNative is well-positioned to drive higher conversions and expand its market presence.
