Zephyr Ceylon

I worked on Zephyr Ceylon project as a developer at Creativo-Code. The goal was to build a modern, responsive, and creative website that felt polished in motion and solid in production.

My Role

I worked closely with the designers to translate the visual direction into a working site. That meant making layout decisions, shaping the motion behavior, and keeping the experience consistent across screen sizes.

The project needed to feel sharp without becoming fragile. Every interaction had to support the design instead of distracting from it.

Stack and Build

We used Svelte, Tailwind CSS, and GSAP as the main stack. Svelte gave the project a clean component model. Tailwind helped keep the styling consistent and fast to iterate on. GSAP was used for timeline-based motion and interaction details.

One of the main challenges was making the motion responsive and stable across major browsers, especially Safari and WebKit. I learned how to adapt animations so they stayed smooth without depending on fragile assumptions about layout or timing.

I also learned how to optimize asset fetching so the site could load faster and keep the LCP low. That meant being intentional about when assets load, how heavy visuals are handled, and what should be prioritized on first view.

What I Learned

This project gave me more experience shipping production-ready work inside the Svelte ecosystem. I learned how to think about performance and animation together instead of treating them as separate concerns.

It also strengthened how I work with designers. The best results came from moving quickly on implementation, checking details early, and refining the motion until it felt natural in the browser.

Zephyr Ceylon helped me build stronger instincts for responsive animation, asset optimization, and the level of polish a professional site needs before it feels done.