Building a Stunning Travel Agency Landing Page with Uno Platform — My WOW Factor Challenge Submission 🤩
Source: Dev.to
Overview
This submission is for the AI Challenge for Cross‑Platform Apps – WOW Factor. After completing the Instagram‑style profile page for the Uno Platform Hot Design Challenge, I was inspired to create something larger: a modern, clean travel‑agency landing page built entirely with Uno Platform. The goal was simple—make the judges say “WOW”.
WOW Factor Prompt
The prompt called for a visually engaging home screen. A travel‑agency landing page naturally provides:
- Bold hero sections
- Gradient overlays
- Destination cards with beautiful imagery
- Call‑to‑action buttons
- Smooth vertical scrolling
- Space for animations (e.g., a confetti effect)
- Strong emotional visuals
These elements are ideal for delivering the required “WOW Factor”.
Goals
| Goal | Description |
|---|---|
| Hero section that feels alive | Large images, layered layout, and a confetti animation triggered on page load. |
| Smooth vertical scrolling | Immersive storytelling through fluid scroll behavior. |
| Destination cards with mock data | Clean cards, rounded corners, subtle shadows, and responsive images. |
| Subtle animations | Small‑scale transitions and UI effects that add delight without hurting performance. |
| Clean, structured XAML | Readable, modular, and easy to extend. |
Implementation Details
I started with a fresh Uno Platform project and leveraged the following:
- Mock data & visual assets – destination information, hero photos, background images.
- Grid & StackPanel layout composition – Uno handles these layouts consistently across platforms.
- Buttons & CTAs – responsive and visually bold.
- Animations – a lightweight confetti animation that triggers on page load, plus other small UI transitions.
The result demonstrates that cross‑platform UI can be both performant and visually appealing.
Demo & Repository
- Full Demo Video 🎥
- GitHub Repository 🐈
If you enjoy the project, a ⭐ star on the repository is greatly appreciated—it helps the repo grow and motivates further creative, open‑source Uno apps.
Key Takeaways
- Creativity shines with the right tools – Uno’s layout system pairs perfectly with the travel‑agency theme.
- Animations don’t need to be complicated – even a tiny confetti effect can add a huge amount of personality.
- Consistent visual design across devices – one codebase, consistent results.
- Emotional flow drives landing‑page success – spacing, visuals, colors, and motion guide the user naturally.
Acknowledgements
Thank you to the Uno Platform team for launching this challenge and encouraging developers to explore creativity. This second submission wasn’t planned, but creativity rarely waits for permission. Building the Instagram page sparked something, and the travel‑agency homepage let me explore even more visual ideas, animations, and layout patterns.
“WOW”, even if just a little. 🤩
Made with 💙 by Hadil Ben Abdallah