A plant-based experience that looks as good as it tastes
Snack with Benefits creates delicious vegan snacks made with locally-sourced vegetables, and we created a new platform to tell people all about it.
For the new website, we wanted to reflect a number of the brand’s identifiers: young, dynamic, innovative, but also highly professional. We built an experience with no-code that was full of life and as delicious as the snacks themselves (and yes, we have tried them).
Optimizing the Macro Funnel
We took a deep dive into Sambrosa's user experience, identifying opportunities to make each visitor journey clear and effective
Funnel Simplification
We removed unnecessary contextual pages that added noise rather than value, and ensured every journey across the website pointed to the product page as the destination—simplified and straight to the point.
A Smarter Product Page
Instead of having different pages competing with each other for conversion, we created one smart product page, featuring all the necessary details and options customers needed.
Flexible Purchase Options
To support both new and returning customers, we innovated by offering a way to buy a one-time product or add a subscription seamlessly, adding flexibility to their purchasing decisions.
Uplifting Their Brand Language
To align with the new smart strategy, we made sure the visual identity matched the efficiency of the website.
Principle-Driven
We used brand principles to guide our design decisions, creating a clear strategy that brought Sambrosa's vision to life and communicated it effectively to visitors.
Visual Uplift
We delivered an uplift of Sambrosa's visual language, refreshing their brand identity to feel modern and approachable.
Enhanced Packaging Shots
We created high-quality packaging shots, together with Sandor van den berg, to make their products look irresistible.
Instant + Shopify = No-Code Efficiency
Using Instant combined with Shopify, we built a streamlined, efficient no-code environment for Sambrosa.
From Figma to Instant
We built a flexible design system in Figma and seamlessly translated it into Instant, enabling rapid iteration between tools and fully leveraging the no-code capabilities for efficient development.
Foundational Section System
We provided Sambrosa with a solid foundational section system to create landing pages with ease.
Faster Page Creation
A solid design system allows Sambrosa to edit pages 50% faster, which makes small edits as easy as they sound
Challenge & approach
Snacks with Benefits is a food start-up with a great mission: to create tasty, plant-based snacks that everyone loves, that are better for the environment, and with vegetables that would otherwise be thrown away. So their question to us was - how can we create a website that visually tells our story and resonates with B2B prospects. Clear, enticing and surprising was the brief, with the main goals of creating brand love and gaining trust.
Empowering ownership through design systems
What works today might need to evolve tomorrow. A high-conversion website is only as powerful as its ability to adapt, test, and optimize when needed. With our design system, Tunify gained full control to drive and sustain their digital growth.
Pure no-code flexibility
Built in Webflow, the design system allows marketers to create and customize landing pages effortlessly, without developers.
Reusable branded components
Pre-built Webflow components streamline page creation while maintaining a consistent brand identity.
Personalized Tutorials
Step-by-step video guides empower the team to manage updates, create new pages, and optimize content independently.
Data-driven control
Integrated with Google Analytics, and HubSpot, the system delivers actionable insights, empowering Tunify to refine user journeys and boost conversions—independently or with our support.
Our process
Starting with a kick-off session, we deep-dived into the brand, its vision and made sure we understand exactly what the story was that we wanted to tell. Our starting point was visual-heavy with text to support, so after researching, we created stylescapes to see which direction we wanted to head in with the website. After bringing our vision to life with wireframes, we designed and built the website in a time frame of 5 weeks.
A design that
drives conversions
Beautiful design is only one part of the solution. The system was built to convert visitors into free trial users.
Insights-driven design
Workshops and the 'Jobs to be Done' framework helped us shape better user journeys and create personalized landing pages for different audiences, like gyms, retail and hospitality.
Conversion-focused wireframes
We mapped visitor journeys to guide users seamlessly toward starting a free trial.
Enhanced user experience
A refreshed visual design elevates the brand while prioritizing usability and clarity.
Supporting
international growth
The key to Tunify’s global expansion
lies in localizing the user experience.
Dynamic localization
Visitors can switch seamlessly between languages and regions (e.g., Dutch vs. French for Belgium).
Region-specific content
Tunify’s website adapts to show relevant artists, testimonials and much more based on the user’s location, ensuring a personal experience and improved conversion funnel.
Seamless data flow
Cookie data integration ensures marketing data is connected with their external tool to improve sign-up flows and personal experiences.
Want to know more about how no-code can benefit you?
The outcome
With no-code, we developed a website that was a strong online translation of the Snacks with Benefits brand. Young, innovative, and a disruptor in the snack industry. Both exciting and informative, we included features that would entice the reader to explore and understand the core value proposition of the company.
We made it rain falling snacks and love the horizontal slider that brings it all together. When we asked the Snacks with Benefits if they were happy with the new site, their founder Renco told us, "Happy? More than happy! The website is on fleek and perfectly complements our brand.” …nailed it!
Don't just take our word for it
"Cut the Code took our website to the next level with their young, dynamic, and professional approach. They listened to our needs and worked closely with us to utilize the right tools. The result is an on fleek website that we are proud of and have received countless compliments for since its launch. Their excellent collaboration and smooth service made the experience enjoyable. We highly recommend Cut the Code for any website development needs!”