Hero image for UI / Digital Design case study of Friga

Friga

The Friga project won 1st place in the Design Matters competition on DMJX and acts as a proof-of-concept for autonomous technologies in the travel industry.

Problem

How can autonomous driving technologies be used to create more freedom and higher safety when traveling?

Solution

This project imagines how self-driving campers will shape our holiday experience in the future. With Friga in the palm of your hand, you take control of your adventures and wake up in a new, selected destinations every day. The project is based on VW’s self-driving camper ID Buzz.

Deliverables & Disciplines

Digital Product Design / UI / UX / App / Interaction Design / Motion Graphics Design / Interactive Identity / Illustration / Iconography / Art direction

Full user journey

Animated prototype showcasing the full user journey of the app. Video length is 1:35.

App Screens

Excerpt screens of the onboarding flow. Onboarding is vital when presenting users with unfamiliar technologies like autonomous driving vehicles.

Digital design of the onboarding screen for the Friga app

Interactive prototype showing the animation from the splash screen of the app to the onboarding flow.

Home screen where the user can search for destinations. The user can see how many nights it takes to travel to various destinations, on the continent. The Explore section delivers inspiration for the next adventure.

On the Search Result screen, the user can add destinations to their journey and give the user an overview of popular attractions in the area.

Interactive prototype of the My Journey screen, where the user can get an overview of the planned journey and reorder or remove destinations.

My Journey screen.

Map Overview screen of the users planned journey showing departure and arrival times.

Digital design of the my journey map overview screen for the Friga app

Booking screen, where the user can select the number of travel days and the type of vehicle she wishes.

Booking & planning Close-up

The surface design is inspired by well know travel, booking and map tools we are all familiar with, and use every day. This ensures that the user feels right at home even when venturing out on a new, technologically driven adventure.

Close-up of booking screen and destination search results – Friga app: autonomous travel

Explainer video

I created an explainer video for the project, to get users excited and explain this new mode of travel in a simple and intuitive way.

Illustration Assets

Illustration for explainer video.

Illustration for intro of explainer video.

Welcome screen illustration of mountain landscape – Friga app: autonomous travel

Illustrations for app and explainer video.

Forest jungle illustration – Friga app: autonomous travel
Mountain illustration – Friga app: autonomous travel
Rural farm illustration – Friga app: autonomous travel

Dynamic visual identity

Animated logos in large and small version for the dynamic visual identity.

Logotype

The final logotype for the Friga concept. The curved lines in “F” and “A” represent two eyes getting a good night’s sleep while Friga drives towards tomorrow’s destination.

Friga logotype with construction lines.

Logo case – Friga app: autonomous travel

Process

Sketches for the first concept for the logotype and sketches for the dynamic logo and app illustrations.

Logo sketches – Friga app: autonomous travelSketches for large animated logo for dynamic identity – Friga app: autonomous travelDestination illustration sketches – Friga app: autonomous travelExplainer video illustration sketches – Friga app: autonomous travel

Early logo experiments to explore a wide array of visual directions. The concept of the sleeping eye, that opens up to new adventures, is finding its form.

Logo process – Friga app: autonomous travel

Typographic studies

Experiments with different typographic combinations in the Friga universe in order to determine the typographic branding of the project.

Typographic experiments – Friga app: autonomous travel
Typographic experiments – Friga app: autonomous travel
Typographic experiments – Friga app: autonomous travel
Typographic experiments – Friga app: autonomous travel

life on the road

Visualisation of what your holiday in a self-driving camper would
feel like with Friga by your side.

VW’s ID Buzz will be the first self-driving camper in the world. The camper is the primary inspiration for the Friga project.

UX

The various phases of the users’ experience with the product: before, during and after. Friga is primarily an ‘escapist’ and ‘aesthetic’ experience.

User journey for the Friga travel experience, UX – Friga app: autonomous travel

A low-fidelity, low-cost UX wireframe prototype was used in the early development phase to test the product on end users, before further design resources are invested into the final solution.

1st place winner

The Friga project won the Design Matters’ student competition at DMJX. I was invited to present the project to a number of designers from Netflix, Dropbox, FIFA, etc. at the international Design Matters conference in Copenhagen.

Presentation poster for Design Matters conference – Friga app: autonomous travel