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