2024 Webflow Portfolio (Start here!)🔥
Bas van Straaten
Hi there 👋🏻,
Below you can find a collection of my best Webflow projects.
Enjoy!
Attentive – Revenue Calculator
I was hired to code the functionality of this revenue calculator.
The user can input various numbers (e.g. traffic, AOV, SMS list size), to calculate "the projected incremental revenue and subscriber growth after one year of working with Attentive".
Both the calculation, graph animations and share functionality are handled in javascript – acting extra layer beyond what's natively possible with Webflow.
Acquire - Figma to Webflow
A 28(!)-page Webflow project, developed based on a (well-organized) Figma file by the client.
Voltus Inc. – Figma to Webflow
A large, 20-page corporate Webflow launched in late 2023.
I was responsible for the art direction, designing product mockups and the full Webflow development.
The site is fully setup with custom event tracking (though Google Tag Manager), allowing the marketing team at Voltus to measure all conversions and run A/B tests.
New job openings posted by the HR department (using Lever), are automatically synced to the Webflow site on a daily basis.
Finally, I build a custom integration that allows user to upload the ZIP code and receive an estimate on how much money they can earn using Voltus.
"We’re a lean marketing team, so every resource matters. We needed someone who was exceptional, like Bas. He is both a big picture thinker, while also being incredibly data-driven & detail-oriented [..], and he became an indispensable extension of our team." Kelly Yazdani - VP of Marketing at Voltus Inc.
Pragma AI – Figma to Webflow
A 7-page website developed in Webflow, based on a (well-organized) Figma design from the client.
Avrio – Figma to Webflow
A large 14-page website developed in Webflow, based on (well-organized) Figma file by the client.
External libraries such as Finsweet Attributes were used to build out the filter functionality.
Prewarp – Figma to Webflow
An 8-page website developed in Webflow, based on a (well-organized) Figma design from the client.
A small studio – Figma to Webflow
A 7-page Webflow project, based on a (well-organized) Figma file by the client.
Multiple external libraries (such as GSAP and isotope.js) in combination with custom Javascript development were used to bring additional functionality to the site.
Lamassu – Figma to Webflow
An 8-page Webflow project, developed based on a (well-organized) Figma file by the client.
All interactions are Webflow native.
Repairlab – Figma to Webflow
Repairlab.nl is a Dutch Apple Authorized Service Provider, who was previously hosted on a platform outside Webflow.
I was responsible for the art direction, creating a brand style guide and building the initial set of pages in Webflow.
So....
Still looking for an Webflow expert to bring your Figma design to live?
Feel free to get in touch through my profile 🔥.
