Skip to content ← Back to projects
ViaVia live website with its community lift-sharing app preview
Browse trip offers — actual ViaVia interface with demo data
SELECTED WORK / LOGO + WEBSITE + APPViaViaScroll into the project
Original logo · Public website · App screen with demo data · EXPLORE BELOW
SELECTED WORK / ViaVia

Shared journeys.
One connected product.

Logo design, a public website and a mobile-first web app for ViaVia. We brought the lift-sharing idea to life across its identity, online introduction and the product people use to find and coordinate journeys.

Visit the website (opens in a new tab)Explore the app (opens in a new tab)Explore the experience ↓
02 / THE BRIEF

Shared travel.
A working product.

Project period
2026 · idea to working productProduct planning, logo and website design, development and ongoing refinement.

Logo design · Public website · Product planning · UX & UI · PWA · Backend

WHAT THE CLIENT WANTED

Lifts and parcel requests were getting lost in community chats. ViaVia needed a practical way to find a journey, understand the connection and coordinate the trip.

HOW WE HELPED

We designed the ViaVia logo and public website alongside the app experience. The website introduces the service and its trust model; the app connects communities, journeys and private trip coordination. Client reviews refined the path from invitation to completed trip.

01 / TRIP DETAILS

Find a journey that fits.

The app brings the route, departure time and trust context together before a member requests a lift. Actual ViaVia interface shown with demo data.

app.viavia.co.za
Trip details and trust context — actual ViaVia interface with demo data
SCROLL TO REVEAL 01 / 02
02 / PRIVATE TRIP CHAT

Keep the conversation with the trip.

Participants coordinate collection and updates within the agreed journey. Actual ViaVia interface shown with demo data.

app.viavia.co.za
Private trip chat — actual ViaVia interface with demo data
SCROLL TO REVEAL 02 / 02
BEHIND THE EXPERIENCE

From a shared link
to a shared journey.

The product connects the steps that informal group chats leave people to organise themselves.

01 / Join a communityCommunityInvite links

Bring an existing group into the app.

Community links give workplaces, schools and local groups a practical starting point. Members can create communities and build their connections.

02 / Establish trustTrustDeliberate connections

Joining a group and trusting a person are different actions.

Explicit trust relationships and visibility checks shape which listings a member can access. The product makes the reason for a connection part of the experience.

03 / Arrange a journeyRequestTrip coordination

Turn an available seat into an agreed trip.

Listings carry journey details. Requests, acceptance, decline, cancellation and expiry states keep the arrangement clear as it changes.

04 / Coordinate and completeTravelChat & completion

Keep the conversation with the trip.

Participant-restricted chat, trip status, completion, contribution follow-up and ratings carry the experience beyond the initial request.

Product journey illustration. App screens use demo data.

05 / DELIVERY

Logo, website
and lift-sharing app.

Logo design

The original ViaVia wordmark gives the service a recognisable identity across its public website and app.

The public website

A dedicated website introduces lift-sharing, explains the community and trust model, and guides visitors into the app.

The member experience

Onboarding, profiles, communities and trust checks connect to ride and parcel listings, requests, private trip chat, completion and ratings.

The business behind it

Trials, subscriptions, checkout, cancellations and reminders are supported by owner controls. Trip contributions remain arrangements between members.

Built for the mobile web

Installable app shell, cached interface assets and browser push support. Current listings, messages and actions require a connection.

TECH STACK & CONNECTIONS
App interface
React + TypeScriptVite · Tailwind CSS 4
Application data
TanStack QueryGenerated OpenAPI client
PWA
WorkboxService worker · Web manifest · Install guidance
API
Node.js + Express 5Zod validation · Authenticated endpoints
Database
PostgreSQLDrizzle ORM
Notifications
Web PushBrowser subscriptions · Permission-based delivery
DNS & web delivery
CloudflareDNS for viavia.co.za, with Cloudflare network delivery for the website and app.viavia.co.za.
ClerkAuthenticationPaystackPlatform subscriptionsGoogle MapsPlaces & routesWeb PushBrowser notifications
WHAT THE WORK MADE POSSIBLE

An idea people
can now use.

ViaVia has a recognisable identity, a public website that explains the offer, and a working PWA for its community. The founder can demonstrate and develop the service around real member journeys.

Introduce the idea clearly

The logo and website give prospective members a consistent first impression and explain how the service fits into their lives.

Run a connected member experience

Trip listings, trust connections, conversations and membership tools bring the core experience into one product, supported by administration behind it.

IN THE CLIENT’S WORDSGoogle review5 out of 5Selected excerpt

I highly recommend … the Cloudfusion team to anyone looking for a skilled, reliable, and proactive developer.

Louw JordaanViaViaThe app development partnership
Read the Google review (opens in a new tab)
RELATED READING / FROM THE ARCHIVE
YOUR NEXT PROJECT

Turn your idea
into a useful product.

Discuss your project ↗View all projects ↗
NEXT PROJECT

CHEL

CHEL homepage designed and developed by Cloudfusion
Responsive CHEL homepage on mobile
Explore CHEL
← BigBore
Enlarged project screen
CLOUDFUSION / YOUR NEXT CHAPTER
Rather talk first?+27 (0)81 044 5554Call
  1. 01 Start
  2. 02 Shape it
  3. 03 Send it
What would you like help with?

Choose the closest fit. It’s fine if you’re still working it out.

Already a client?Account help, faults, access or renewals.

Nothing is sent until you submit. How we use your details (opens in a new tab) ↗ · Privacy Notice (opens in a new tab) ↗ ·

ALREADY WITH CLOUDFUSION

Client
access.

Use the right workspace for what you need to do.

Client login Invoices, renewals, hosting, domains and account details.Get support Sign in to open a support ticket for a service Cloudfusion already manages. Your ticket stays with your account history.

Trouble signing in?

For an active project, use the workspace link supplied by your Cloudfusion contact.

Set the atmosphere.

Adjust the music and interaction sounds to suit you. Music keeps playing as you explore or switch tabs.

Prefer less movement?