DEV Community

Cover image for Building a Stunning Travel Agency Landing Page with Uno Platform โ€” My WOW Factor Challenge Submission ๐Ÿคฉ
Hadil Ben Abdallah
Hadil Ben Abdallah

Posted on

Building a Stunning Travel Agency Landing Page with Uno Platform โ€” My WOW Factor Challenge Submission ๐Ÿคฉ

AI Challenge for Cross-Platform Apps - WOW Factor Submission

This is a submission for the AI Challenge for Cross-Platform Apps - WOW Factor

After finishing my first project for the Uno Platform Hot Design Challenge, the Instagram-style profile page, I thought the journey was over.

But something unexpected happened.

I actually enjoyed the process so much that I couldnโ€™t stop.
The creative flow, the instant feedback, the smooth cross-platform experienceโ€ฆ it pulled me right back in.

So when I went back to the challenge and I read more the second prompt, WOW Factor, it felt like an invitation I couldnโ€™t ignore.

This time, instead of a mobile UI, I decided to build something bigger and more immersive:

๐Ÿ‘‰๐Ÿป A modern, clean, travel-agency landing page, entirely powered by Uno Platform.
๐Ÿ‘‰๐Ÿป Complete with full-width imagery, elegant typography, destination cards, animationsโ€ฆ and even a little confetti celebration subscription section to make the experience feel more alive and welcoming.
๐Ÿ‘‰๐Ÿป Built from scratch, using mock data, UI animations, and visuals designed to immediately catch the eye.

And of course, my goal became very simple:

Make the judges say โ€œWOWโ€โ€ฆ at least once.
(Hopefully more than once!) ๐Ÿ˜„


โœˆ๏ธ Why I Built a Travel Agency Home Screen

The WOW Factor prompt asked for:

โœ” A visually engaging home screen
โœ” A fun theme (like coffee shopโ€ฆ but any style welcome)
โœ” Creative visuals, mock data, animations
โœ” Smooth performance
โœ” Something that instantly grabs attention

A travel agency landing page felt perfect.

It naturally allows:

  • bold hero sections
  • gradient overlays
  • beautiful destination cards
  • call-to-action buttons
  • smooth scrolling
  • space for animation (including my confetti effect ๐ŸŽ‰)
  • strong emotional visuals

It is exactly the kind of theme that makes users feel something, which is essential for the โ€œWOW Factor.โ€


๐Ÿ’ก Design Vision

My goals for this landing page were:

โœ” A hero section that feels alive

Large images, a layered layout, and a welcoming confetti animation after subscribing to grab the userโ€™s attention.

โœ” Smooth vertical scrolling

Travel websites rely heavily on feeling immersive, scrolling is part of the storytelling.

โœ” Destination cards with mock data

Clean cards, rounded corners, subtle shadows, and responsive images.

โœ” Subtle animations

Small-scale transitions and UI effects to create delight without slowing performance.

โœ” Clean, structured XAML

Readable, modular, and easy to extend.


๐Ÿ”จ How I Built It With Uno Platform

I started with a fresh Uno Platform project and used:

๐Ÿ”ท Mock Data & Visual Assets

Destinations, hero photos, background images.

๐Ÿ”ท Grid & StackPanel layout composition

Which Uno handles beautifully across platforms.

๐Ÿ”ท Buttons & CTAs

Responsive and visually bold.

๐Ÿ”ท Animations

Including a lightweight confetti animation, small but impactful.

Just like in my previous challenge, Uno proved something once again:

Cross-platform UI doesnโ€™t need to be painful, nor slow.
And when combined with creative design, it becomes genuinely enjoyable.


๐Ÿ“บ Demo

Full Demo Video ๐ŸŽฅ

GitHub Repository ๐Ÿˆ

If you like the project, I would really appreciate a โญ star, It helps the repo grow and motivates me to build more creative, open-source Uno apps!

๐Ÿ–ผ๏ธ Some screenshots

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Hero section

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Services section

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Destinations section

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Bookings section

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Testimonials section

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Subscription form

A modern travel agency landing page built with Uno Platform, showing a full-width hero section, destination cards, and responsive cross-platform layout.

Footer

๐Ÿงญ What I Learned From This Second Challenge

1๏ธโƒฃ Creativity shines with the right tools

The theme combined perfectly with Unoโ€™s layout system.

2๏ธโƒฃ Animations donโ€™t need to be complicated

Even a small confetti animation can add a huge amount of personality.

3๏ธโƒฃ Uno makes visual design predictable across devices

One codebase, consistent results.

4๏ธโƒฃ A good landing page is all about emotional flow

Spacing, visuals, colors, and motion guide the user naturally.


๐Ÿ’™ Special Thanks to the Uno Platform Team

Thank you again to the Uno Platform team for launching this challenge and encouraging developers to explore creativity.


๐ŸŽ‰ Final Thoughts

This second submission wasnโ€™t planned, but creativity rarely waits for permission.

Building the Instagram page sparked something, and this travel-agency homepage let me explore even more visual ideas, animations, and layout patterns.

And now that itโ€™s complete, all I can say is...
I truly hope this project makes the judges say โ€œWOWโ€, even if just a little. ๐Ÿคฉ


Thanks for reading! ๐Ÿ™๐Ÿป
I hope you found this useful โœ…
Please react and follow for more ๐Ÿ˜
Made with ๐Ÿ’™ by Hadil Ben Abdallah
LinkedIn GitHub Daily.dev

Top comments (23)

Collapse
 
cristea_theodora profile image
Theodora Cristea

Congratulations for your project @hadil !๐Ÿ‘๐Ÿป๐Ÿ‘๐Ÿป๐Ÿ‘๐Ÿป
Looks absolutely amazing!๐Ÿฅฐ๐Ÿฅฐ๐Ÿฅฐ
The design is wonderful, and I like all of details you added!
Good luck in the competition!๐Ÿค—

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much for your kind words, Theodora. ๐Ÿฅฐ It truly means a lot to me. ๐Ÿ’™
so glad you liked it. ๐Ÿ˜

Collapse
 
mahdijazini profile image
Mahdi Jazini

This is a genuinely impressive landing page ๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘๐Ÿ‘
The full width visuals and subtle animations deliver the WOW effect perfectly. Great use of Uno Platform for creating a clean and immersive experience. Excellent work.

Collapse
 
hadil profile image
Hadil Ben Abdallah • Edited

Thank you so much, Mahdi ๐Ÿ˜

Collapse
 
shakir75 profile image
Shakirullah

This is seriously next-level work! You didnโ€™t just follow the challenge. Rather, you delivered something that feels polished, intentional, and built with real joy. The hero section, the scrolling flow, the confetti touchโ€ฆ everything feels alive. Itโ€™s the kind of project that doesnโ€™t just check boxes, it makes people stop and look. Thatโ€™s the real WOW factor. Great job

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much for this amazing message! Iโ€™m genuinely happy you felt the energy behind the project. I really did enjoy every part of building it. I wanted it to feel alive and not just meet the checklist, so hearing that it made you stop and look means a lot. Your words truly made my day. Thanks again for the encouragement! ๐Ÿ˜

Collapse
 
charlescamacho profile image
Charles Camacho

Wow, this is stunning! The attention to detail in the layout, animations, and overall flow really shows how powerful Uno Platform can be for rich, immersive UIs. The travel-agency theme fits the WOW challenge perfectly, and that confetti touch is brilliant. Amazing work this genuinely made me say โ€œwowโ€

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much! Iโ€™m really happy the details and flow stood out to you. Uno Platform definitely makes it fun to build more immersive UIs, and the travel theme gave me a lot of creative space to play with. And Iโ€™m glad the confetti moment landed the way I hoped! Your comment truly made my day. Thanks again for the support! ๐Ÿ˜

Collapse
 
art_light profile image
Art light

This project is honestly inspiring โ€” the visuals, animations, and whole concept feel so polished. You really nailed the WOW Factor. Iโ€™d love to follow more of your work!

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much! ๐Ÿ˜ That really means a lot. I had a great time experimenting with visuals and small animations for this one, so Iโ€™m glad it came across in the final result. Iโ€™ll definitely be sharing more projects, and Iโ€™d be happy to have you follow along!

Collapse
 
art_light profile image
Art light

Good!๐Ÿ‘Œ

Collapse
 
aidasaid profile image
Aida Said

This project is absolutely amazing ๐Ÿ‘๐Ÿป๐Ÿ‘๐Ÿป
Wish you all the best in the competition!

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much ๐Ÿ˜

Collapse
 
sarahvarghese profile image
Sarah Varghese

Good Design. You can even deploy it on VPS hosting webaon.com or on Azure VM.

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you! Glad you liked the design. And I really appreciate the hosting suggestions. Deploying it on a VPS or Azure VM could definitely be a great next step. I might give that a try as I continue polishing the project. Thanks for the tip!

Collapse
 
syedmuhammadaliraza profile image
Syed Muhammad Ali Raza

Amazing @hadil

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much ๐Ÿ˜

Collapse
 
hanadi profile image
Ben Abdallah Hanadi

This is next-level work! ๐Ÿ˜
I think Uno Platform really worth giving it a try ๐Ÿ”ฅ
You nailed the WOW Factor โค

Collapse
 
hadil profile image
Hadil Ben Abdallah

Thank you so much for your encouragement. ๐Ÿ˜

Some comments may only be visible to logged-in visitors. Sign in to view all comments.