← all work

Stradia

AI travel planning

TravelAI trip planningMobile

A book-inspired, AI-powered way to discover and experience the world. I took the client from choosing a visual direction to a UI concept: a modern, clean app with expressive shapes and a little guide called Stradi.

client
Stradia
my role
Product Designer (UI)
scope
Visual direction
UI concept · mascot
platform
Mobile app
Stradia's My trips screen on a phone, held up in front of the Colosseum in Rome
01 — context

The product

Stradia is a travel app built on real knowledge. Its AI isn’t just guessing: it’s fed actual books about each city, so every suggestion comes with the history and stories behind the place.

Travellers can create their own AI-based tours, or follow tours that experts created for them, and turn them into trips, days and stops on a map.

My part

Before designing any screens, I prepared a presentation so the client could choose a visual direction. A second presentation turned that choice into a UI concept, with the first key screens.

02 — finding the direction

Choosing a feel

Before any screens, I showed the client two directions for how Stradia could feel.

option aModern, clean, and effortless

Clarity, strong hierarchy and soft corners, letting the content take center stage.

option bCreative, bold, expressive

Experimental shapes, bolder curves and unexpected details, still clear and usable.

The client wanted Stradia modern and clean, but also different, fun and expressive. So the concept became a bit of both.

03 — the UI concept

Expressive shapes, modern interface

The UI uses expressive shapes to create personality and movement, while the overall system stays clean, modern and easy to use.

04 — the app

From concept to screens

The shapes and Stradi, applied to the app’s main screens.

Vilnius, LithuaniaRome, ItalyNew York, United StatesBuenos Aires, Argentina
A place to start

Before there are any trips, the home is a slowly turning globe and the chat. The prompt writes itself with ideas the user might like, so it’s clear what to ask.

Stradia home: my trips, more to explore and the chat bar
Trip cards: Family trip in October to Rome, Anniversary trip to Buenos Aires
Upcoming trips

Once the user has created trips, they show up as cards to swipe through.

Current tour card for the Rome trip, with today's stops and a Navigate to stop 1 button
My trips: New York and Buenos Aires cards
During a trip

When there’s an active tour, it takes the top of the home, with the day’s stops and a button to navigate to the next one. Future trips stay right below.

05 — design system

Design system

The building blocks behind every screen: color, type and icons, set up as a library so the app stays consistent as it grows.

Brandterracotta ramp
200#F4D1CD
300#EAABA4
400#E1857A
500#D75D4F
600#C73D2D
700#9E3024
Neutralwarm greys
0
50
100
200
300
400
500
600
700
800
900
950
Accentmaps & illustrations
Teal
Periwinkle
Tan
Navy
Beige
Color

Two layers: primitives hold the raw palette, semantic tokens describe how each color is used. Terracotta leads, with warm greys for everything else and a few accents saved for maps and illustrations.

Aa
UrbanistRegular

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · ! ? & @ →

Help me plan a trip to Vilnius

Heading/Title Strong20 / 16 · SemiBold
Heading/Title20 / 16 · Medium
Body/Large Strong16 / Auto · SemiBold
Body/Large Medium16 / 16 · Medium
Body/Large16 / 16 · Regular
Body/Medium Medium14 / 14 · Medium
Body/Medium14 / Auto · Regular
Body/Small12 / 12 · Regular
Label/Small11 / Auto · SemiBold
Typography

One typeface, Urbanist, in three weights, and a small set of text styles from titles down to tiny labels.

Search20 px
Icons

Outlined 1px-stroke icons with rounded caps and joins, straight lines and closed shapes, in 20, 16 and 10 px.

Trip overview in Vilnius: the day’s stops
How to get there: MO Museum to Restaurant
Icons in use

Picking how to get from one stop to the next: each option gets its icon, and the chosen one takes the brand color.

06 — where it’s at

Still in the making

Stradia is still in design, and there’s more coming.

Now

Still in design. The MVP will launch with Vilnius.

Next

Android and desktop versions.

Learning

A lot. Working with Claude to speed up the process, and making simple animations with Figma’s AI agents.

next projectProject 1
→

Let's build something