Webflow Development for a Global Marine Supply Company
Overview ๐
Seilas Ship Supplies is a Uruguayan company serving maritime clients worldwide. They needed a professional, modern website that clearly communicated their global presence, services, and legacy. I handled the full Webflow build โ from layout to animations โ using Client-First, Relume blocks, and scroll-based transitions.
๐ง Tools: Webflow, Client-First, Relume Library, GSAP-style scroll animations, Google Maps, CounterUp.js
๐ Live site: https://www.nadetir.com
Problem & Solution ๐ค
Problem โ Seilas needed a website that would look trustworthy and premium to global clients, while staying simple and clear for quick navigation. Their previous digital presence lacked identity and modern design.
Solution โ I built a fully responsive site in Webflow using Client-First and Relume, combining rapid development with high-quality UX. Scroll interactions, animated counters, and an embedded Google Map added polish without sacrificing performance.
Goals & Requirements
Communicate professionalism and global reach
Build a fast, scalable marketing site using Webflow best practices
Add smooth micro-interactions and subtle animations to improve engagement
Include dynamic elements like an animated counter and embedded map
Process ๐ฃ
Used Relume components and customized them to fit the brand identity
Structured the site using Client-First for future scalability and clarity
Built responsive layouts for desktop, tablet, and mobile
Added scroll-triggered transitions and a smooth page-load animation
Integrated CounterUp.js to highlight years of experience
Embedded Google Maps with a custom marker for location clarity
Polished all interactions to feel fluid and on-brand without adding visual noise
Results ๐
๐ Seamless UX across devices โ responsive, fast-loading, and easy to navigate
๐ Improved clarity and trust with embedded map + global messaging
๐ Subtle interactivity through scroll effects and animated counters
๐งฑ Scalable structure ready for future CMS expansion if needed
Takeaways ๐ฃ
Relume + Client-First is a great combo for fast, structured builds
Small touches (like counter animations and scroll fades) go a long way in adding perceived quality
Itโs worth keeping a site lightweight โ the fastest experiences often feel the smoothest
Building utility features (like maps) into the design shows care for user context