Overview
Mobile app, web app and landing pages for a travel platform built around local creators
ViaKonnect set out to match travelers with local creators and the trips they plan. We designed its mobile app, web app and landing pages, from sign-up to the trip itself.
- Mobile screens and states, across 12 flows
- 550+
- Web app screens for the same journeys
- 450+
- Landing pages, for travelers and for partners
- 2
Services used
About the project
ViaKonnect wanted trips to feel planned by a friend who lives there. Travelers tell it what they like, get matched with local creators and their guides, and book the whole trip in one place.
ViaKonnect is a travel startup based in Jeddah, Saudi Arabia. We designed the product end to end: the iOS app, the web app and the landing pages for travelers and partners. The platform didn’t launch publicly, but the work covers every flow from the first sign-up to the memories after a trip, so we’re showing it here.
- Client
- ViaKonnect
- Industry
- Consumer travel
- Services
- Mobile app design · Web app design · UI design · Landing pages (travelers and partners)
- Timeline
- 2024 - 2025
- Status
- Designed, not launched publicly

The challenge
Flights, stays, transport, activities and local tips usually live in five different apps. ViaKonnect had to hold all of them without feeling like a booking engine.
- One place, not five
- Search, booking, tickets and the plan for each day had to sit in one product.
- Local, not generic
- Every trip leads with the creator who made it, so travelers know whose advice they are following.
- Before, during and after
- The product had to stay useful on the road and after the trip, not only while people plan.
Getting to know you
Sign-up asks a few quick questions: the kind of travel you like and the places that catch your eye. By the time onboarding ends, the home screen is already personal.
Every step can be skipped, and the photo picks work like a quick swipe, so it feels closer to browsing than filling in a form.



Explore
The home screen starts with one question, where to, and five tabs: for you, fly, stay, move and experiences.
Below the search sit matched trip ideas, guides made by local creators and destination pages. A reels feed lets people browse trips as short videos and follow the creators behind them.



Book and go
Packages bundle a guide, a stay and activities. Travelers pick dates and guests, pay in the app and get a ticket with a code to show their guide.
Once the trip starts, the guide turns into a plan for each day, with numbered stops on a map and the hours each day takes.



Tripfolio
Tripfolio keeps every trip in one place: a map of where you’ve been and what’s planned, a passport that collects a stamp for each city, and a page of memories for every trip.
It gives people a reason to open the app after they get home, and a record they can share.



The web app
The web app carries the same journeys to a bigger screen, with a side menu for Explore, Reels, Tripfolio and Profile.
Guides, packages, itineraries and Tripfolio each got their own desktop layouts rather than stretched phone screens: more than 450 screens in all.



Landing pages
The landing page sells the trip, not the platform: a search bar up top, popular experiences under it, then the three things that make ViaKonnect different.
Personal picks, Tripfolio and guides made by creators each get a section of their own. We designed versions for travelers and for partners.




Every flow, every state
We mapped each flow screen by screen, empty states, errors and edge cases included: 556 mobile screens, 453 web app screens and two landing pages, from log-in and payments to reviews, coupons and deleting an account.
That came to 12 mobile flows and more than 1,000 screens across mobile and web, ready for a team to build from.
Keep reading
More case studies
Designing the product for an all-in-one platform helping independent financial advisors run their practice.
Building the brand and Webflow website for a developer security and code protection platform.
Designing and building the B2B Webflow website for a European parking network.
Redesigning the core experience for a project management platform built for creative agencies.
- Helping a 1M+ user sales platform improve website engagement and conversion rates.
- Designed the brand and digital experience for a $72M-funded next-gen narrow bank platform.
- Refreshing the brand, the product and the website experience behind Lightdash’s $11M Series A
- Redesigning and rebuilding the mobile experience for an AI-powered athlete development app with 300K+ users.
Designing the new branding, website, pitch deck and marketing collateral for a $12.5M seed AI platform
Building the digital foundation - brand, website, and product for an AI-native marketing platform
Designing the brand, assets and app experience for an AI-powered travel guide that finds local hidden gems.
Designing the end-to-end booking and social traveling experience for a next-gen travel platform.
Brand refresh and a new website presence for a spatial computing and 3D collaboration platform.
Building the new website and animated explainers for a sales platform built around closing rates.
Designing the brand and building the website for a legal tech nonprofit bringing AI into Indian courts.
Designing the brand, site and product for an AI operating layer that helps real estate investment firms scale AUM.
Designing the brand and site for an AI agent platform to handle customer interactions across every channel.
Refreshing brand and product, and building a new website experience for a generative AI startup.
Designing the brand, app and website behind a cashback app that reached 300,000 users in 3 months.
You've reached the end, so now…
Tell us what you’re building.
We’ll help you map the right scope, team, timeline, and next steps.
Book a call

