Case Study · International Trade Finance
Harbor
From Figma to Webflow, with CMS, two languages and a custom working capital calculator.
Harbor is an international trade finance company focused on helping suppliers get paid sooner and giving buyers more time to pay.
In 2023, Bipixels developed Harbor’s Webflow website from supplied Figma designs. The project covered 8+ pages, CMS setup for ongoing publishing, English and Spanish versions, and a working capital calculator built with custom JavaScript.
The Challenge
Harbor had its visual direction defined in Figma. The challenge was carrying that design into a responsive Webflow website that supported content publishing, two languages and interactive functionality.
The team needed to publish news and articles, present its services in English and Spanish, and give visitors a way to explore their cash conversion cycle.
These requirements needed to work within the supplied visual design and across desktop, tablet and mobile.
Bipixels’ Role
Webflow Development
Custom Functionality
An Interactive Working Capital Calculator
Harbor’s calculator gave visitors a way to explore how inventory, customer payments and supplier payments affected their cash conversion cycle.
Bipixels built the functionality in custom JavaScript, with editable values and range controls for:
Days Inventory · Days Receivable · Days Payable
Changes updated the result immediately using:
Cash Conversion Cycle = Days Inventory + Days Receivable − Days Payable
Visitors could adjust the inputs and compare scenarios directly on the page, making the financial concept easier to explore alongside Harbor’s services.
Built for Ongoing Publishing
Bipixels configured Webflow CMS collections for Harbor’s news, articles and recurring resource content.
The team could add new entries through structured fields, with published content using the website’s established layouts. This supported ongoing publishing without rebuilding a page for every new article.
Built for English and Spanish
Bipixels integrated Weglot with Webflow to provide English and Spanish versions of the website.
Both language versions used the same underlying Webflow build, allowing Harbor to present its services in either language without maintaining two separate websites.
The Technology
Platform
Webflow
Supplied Designs
Figma
Content Management
Webflow CMS
Multilingual
Weglot
Custom Functionality
JavaScript
Languages
English · Spanish
Engagement
2023
Explore Bipixels Services to see the wider technical capabilities behind our website work.
The Result
Harbor received a responsive Webflow website that brought its supplied designs, publishing requirements and custom functionality into one implementation.
The completed build enabled:
- Ongoing publishing through structured Webflow CMS collections.
- English and Spanish browsing through the Weglot integration.
- Interactive exploration of the cash conversion cycle through a custom JavaScript calculator.
The website combined a consistent visual experience with practical tools for Harbor’s team and visitors.
Client Feedback
“Asmaul is a talented developer who understood the assignment and delivered quality work. He was very thorough in completing the Webflow development to our specifications. Asmaul is in high demand given his skillset so the project took a bit longer than initially agreed to. We recommend Asmaul for any Webflow development.”
Bryan Maloney
CEO & Co-founder, Harbor · Delray Beach, Florida, United States
4.6 ★ · Upwork Review
The Work
The original Harbor website is no longer publicly available. The screenshots and Webflow preview document the build delivered in 2023.
More Work
Chekin
A technical website partnership since 2018, spanning WordPress development, multilingual delivery, product integrations, performance, and ongoing improvements.
WordPress · Development · Performance
Kiss Me in Paris
Website development, performance improvements, and ongoing technical support since 2023 for a luxury wedding and proposal planning brand in Paris.
WordPress · UX/UI · Development · Performance
Events in Paris
Multilingual WordPress website design and development for an international Paris events business, achieving 99/100 PageSpeed performance on mobile and desktop.
WordPress · UX/UI · Development · Performance
Looking for a similar solution?