Bringing destinations closer through intuitive design and development.
Al Shabab Tours, a UAE-based travel and tourism agency, approached Rankinmeta to create its first official website. They wanted a platform that would showcase their brand identity and elevate their digital presence. Their vision was to blend the culture of the UAE with the diverse cultures of their handpicked tour destinations, primarily to Kerala and Sri Lanka.
This case study outlines how we designed and developed Al Shabab’s website using different web development languages and tools.
Who They Are: Inside Al Shabab Tours
Al Shabab Tours specializes in curating travel experiences for UAE residents, with a strong focus on Kerala and Sri Lanka. Their itineraries are crafted by a team of experts who are natives of the tour destination. Alongside Kerala and Sri Lanka, they also offer international tour packages.
Their mission is to become the most trusted travel brand in the UAE, offering authentic, comfortable, personalized journeys backed by 24/7 support. With an emphasis on tailored itineraries and exceptional hospitality, they aim to build a loyal community of repeat travelers.
Why Al Shabab Needed a Website?
The travel industry is highly competitive, with customer expectations shaped by constant digital innovation. To stand out, agencies must pair well-planned itineraries with a modern, conversion-focused online presence.
Al Shabab Tours lacked a website, which limited their ability to communicate services effectively, generate trust, and convert inquiries into bookings. They needed a professional platform that would:
- Showcase their Kerala, Sri Lanka, and other international tour packages
- Build credibility and trust among UAE-based travelers
- Integrate SEO-friendly features to improve online visibility
- Streamline inquiries and encourage bookings
The Approach We Took with Al Shabab Tours
To deliver a complete solution, Rankinmeta handled both the UI/UX design and the full website development process.
Stage 1 - Market Research
We conducted in-depth research into:
- Target audience demographics and expectations
- Competitor websites and industry standards
- Kerala tourism campaigns (e.g., Yalla Kerala) for cultural and visual inspiration
- Travel booking platforms like MakeMyTrip and TripAdvisor for package structure insights
- Local travel blogs and Google Maps for logistical accuracy
- Client inputs were gathered via Google Sheets to align design and content with their vision.
Stage 2 - Wireframing & Content Strategy
Our UI/UX team created detailed wireframes for each page, focusing on:
- Clear navigation and call-to-action (CTA) placement
- Desktop/mobile responsiveness
- Readability and visual hierarchy
- Emotionally appealing visuals and layout
- Content strategy blending travel storytelling with SEO-focused copywriting.
Tools Used: Figma, Illustrator, Photoshop, Google Sheets, Notion, Unsplash/Pexels, Google Fonts
Stage 3 - UI/UX Design
Using Figma, we translated the wireframes into high-fidelity designs, striking a balance between minimalism and cultural richness. This ensured:
- A clean, modern interface
- Smooth user journey across devices
- Integration of Arabic translations for bilingual accessibility
Stage 4 - Development & Hosting
Once the designs were finalized, our development team built the website using:
- React & Next.js – for speed and responsiveness
- Node.js & PostgreSQL – for backend architecture
- Strapi CMS – for secure, flexible, and easy content management
The website was optimized for fast loading, SEO, and scalability to accommodate future growth.
Hosting:
- Vercel – for frontend hosting
- VPS – for Strapi CMS and database hosting
Stage 5 – Launch
Despite challenges in content hierarchy and balancing cross-device performance, the final website was delivered on the 29th day of the month-long deadline. The result was a visually striking, SEO-ready, and fully functional platform that met and exceeded the client’s expectations.
Conclusion
By combining creative UI/UX design with robust website development, Rankinmeta delivered more than just a website for Al Shabab Tours. The project not only strengthened their brand presence but also set the stage for long-term growth in the UAE travel market.
What Our Clients Say
The team at Rankinmeta truly understands the balance between creativity and performance. Their user-focused design process helped us launch a product that customers love using every day.
Let’s speak about A new idea
Contact us for any assistance
