Site for AI Travel App
Site that promote an AI-powered travel booking service
Site for AI Travel App
Site that promote an AI-powered travel booking service
Site for AI Travel App
Site that promote an AI-powered travel booking service
Industry
Marketing site for AI travel app
Services
Web design
Webflow development
Industry
Marketing site for AI travel app
Services
Web design
Webflow development
Industry
Marketing site for AI travel app
Services
Web design
Webflow development
The Problem
The team needed a lightweight, expressive site to showcase their AI-powered travel assistant. It had to feel modern, intuitive, and a bit playful—without compromising speed or clarity.
The Problem
The team needed a lightweight, expressive site to showcase their AI-powered travel assistant. It had to feel modern, intuitive, and a bit playful—without compromising speed or clarity.
The Problem
The team needed a lightweight, expressive site to showcase their AI-powered travel assistant. It had to feel modern, intuitive, and a bit playful—without compromising speed or clarity.
The Process
I designed the entire site in Figma, focusing on clean structure, bold typography, and a color palette that balances tech-forward and travel-friendly aesthetics.
On the development side, I built the site in Webflow and crafted every animation—from hover effects to scroll-triggered transitions—using Webflow’s native interactions and custom code where needed.
The Process
I designed the entire site in Figma, focusing on clean structure, bold typography, and a color palette that balances tech-forward and travel-friendly aesthetics.
On the development side, I built the site in Webflow and crafted every animation—from hover effects to scroll-triggered transitions—using Webflow’s native interactions and custom code where needed.
The Process
I designed the entire site in Figma, focusing on clean structure, bold typography, and a color palette that balances tech-forward and travel-friendly aesthetics.
On the development side, I built the site in Webflow and crafted every animation—from hover effects to scroll-triggered transitions—using Webflow’s native interactions and custom code where needed.
Video Creation
For this project, I also designed and produced the hero video. I used Figma to storyboard and design the visuals, and GitHub to manage and host the final animation.
Video Creation
For this project, I also designed and produced the hero video. I used Figma to storyboard and design the visuals, and GitHub to manage and host the final animation.
Video Creation
For this project, I also designed and produced the hero video. I used Figma to storyboard and design the visuals, and GitHub to manage and host the final animation.
Key Challenge
One of the key challenges was building a horizontally scrolling, autoplaying slider that loops smoothly in both directions—with hover effects powered by native Webflow interactions. It also needed to pause when a user hovered over a card.
Since this isn’t something Webflow supports out of the box, I developed a custom solution, making sure that all Webflow animations worked seamlessly even on duplicated slides.
Swiper was used for the slider functionality, with customization supported by ChatGPT.
Key Challenge
One of the key challenges was building a horizontally scrolling, autoplaying slider that loops smoothly in both directions—with hover effects powered by native Webflow interactions. It also needed to pause when a user hovered over a card.
Since this isn’t something Webflow supports out of the box, I developed a custom solution, making sure that all Webflow animations worked seamlessly even on duplicated slides.
Swiper was used for the slider functionality, with customization supported by ChatGPT.
Key Challenge
One of the key challenges was building a horizontally scrolling, autoplaying slider that loops smoothly in both directions—with hover effects powered by native Webflow interactions. It also needed to pause when a user hovered over a card.
Since this isn’t something Webflow supports out of the box, I developed a custom solution, making sure that all Webflow animations worked seamlessly even on duplicated slides.
Swiper was used for the slider functionality, with customization supported by ChatGPT.
The Result
The final result is a fast, responsive site that feels interactive and alive. Every animation—from the subtle transitions to the custom slider—is purposeful and performance-optimized. It tells the story visually and smoothly, with a dev setup the client can grow with.
The Result
The final result is a fast, responsive site that feels interactive and alive. Every animation—from the subtle transitions to the custom slider—is purposeful and performance-optimized. It tells the story visually and smoothly, with a dev setup the client can grow with.
The Result
The final result is a fast, responsive site that feels interactive and alive. Every animation—from the subtle transitions to the custom slider—is purposeful and performance-optimized. It tells the story visually and smoothly, with a dev setup the client can grow with.
Let’s connect!
Feel free to reach out for collaboration or just to say hello!
Let’s connect!
Feel free to reach out for collaboration or just to say hello!
Let’s connect!
Feel free to reach out for collaboration or just to say hello!