Design Concept

Focus UX Research - UX Design - UI Design - Responsive Design

Project Idea

This project idea came up while dreaming about living in a van for a while and finding happiness and freedom in a simple sustainable lifestyle that aligns with our nature. It´s not a big suprise that vans and campers are popular these days. One single flight can be replaced by many many roadtrips. Travelling offers people an escape from our fast modern world by its declerating philosophy. Yes, far from luxury people search for happiness in simplicity and nature. How exciting!

Project Overview

How could an application help? Imagine you have decided to plan a roadtrip that fits to your initial idea. There is no time to read a lot in blogs or do research.. daily life is fast and holidays are limited. The Vanlife application offers planning options and inspirations that make your simple life even easier. In the UX part of the project, I researched and held interviews with different people to find out about their needs and what the market already offers. Afterwards I created a simple and warm interface design for must-have requirements. Have a more detailed look about my working progress and results in my presentation below.

Locationbased application

Concept & Design for different devices

“The path is the goal”

About Project

“ Imagine, you want to do a roadtrip and have an app that offers planning options you need as well as give inspirations what to see/do.”

This project is seperated in UX and UI Design with focus on user-centered design. The initial idea was to create an application that offers a solution for roadtrip planning. Travellers can organize themselves but stay flexible with small effort.

What do travellers exactly need before and during their trip?
What are the main functions they must have? What do competitors offer?
And last but not least - a design solution that supports user functions.

Design Process

Focus in this Project

Idea

User Research, Competitor Analysis, Requirements, User Stories & Flow

10 workdays

Testing

Usability Testing,
A/B Testing, Feedback Loop

5 workdays

Design

Low-, Mid-, High-fidelity Wireframes, Styleguide, Branding

15 workdays

Prototype

Prototype high-fidelity Wireframes

Analysis

First Step: Competitive Analysis

The competitive analysis gives an overview about key objectives, overall strategy and market advantage. No later than after the SWOT Analysis there is a feeling about market and competitors. (For example: Camperboys)

Key Result

Add-on service - support campers by organizing their routes when renting a camper. Routes, inspirations, parking, customer support

Overall Strategy

The company itself rents campers. The app is an aditional product that supports organizing trips in Germany and give inspirations where to go as well as support on the road.Reduce complexity of camper life.

Market advantages

Service product that differenciates Camperboys from other renting comanies. Product differentiation.Increase brand awareness.

SWOT Analysis

Strength

Professional
Very good service idea

Weakness

Database of parking and inspirations is limited (not made for “not-customers”)

Opportunity

Increasing brand awareness acquires new customers
‍

Threats

For camping with your own camper in an area that limits the database app is not usable

Personas

Creation of Personas

Adventure & Nature

Young, Wild and Free

Simple Life

Hi, I´m

Lena

Lena is a girl that just graduated and wants to see the world before starting university. “I like to research in the morning where I want to go later – please, help me with inspirations and orientation”

As a traveller on the road..

I like to surf

I need cheap places to stay overnight

I want to meet other travellers

User Resarch

Results of Interviews

Interview results of representatives of target group (personas) to get more detailed infromation about their needs, pain points etc. By consulitdating interview data overlaps of topics and priorities become visible.

Patterns of answers

Pain points

Extra fees on the road
Country specific rules for driving
Road structures

Needs of Communities

exchange experiences
Sleepover places and a shower
Supermarkets and equipment e.g. gas

Surprises/Outliner

Everyone has a rough plan before they travel.
Wildcamping is more dangerous than I thought because criminals try to break in during the night

The path is the goal.

Frustrations

Fees! Fully booked campgrounds Campgrounds with bad infrastructure or bad quality

This is freedom.

User Flow

Creation of User Flow

Low-Fidelity Wireframes & Usability Test

First testing of functionality

Feedback

Entry: “New Trip” Suggestion: Icon more visible!

Filter edit and clear option needed.

Entry: “Edit Trip”
Suggestion: Second entry point from “Maps” and “Inspirations”.

Like and add to route icon needed.

Entry:“Inspirations”
Suggestion: Don´t filter directly to favorites - use “show all”.

Ratings are very helpful to decide.

User Feedback

A/B Testing

Home Icons

My idea was to use a van icon instead of the house icon. I thought its a fun idea because a van is your home on the road. I used the A/B Testing methode to evaluate my idea.

And the winner is .. Classic home icon because people feel more used to it.

Style

Color & Typography

Quicksand

is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation. It is designed for display purposes but kept legible enough to use in small sizes as well. In 2016, in collaboration with Andrew, it was thoroughly revised by Thomas Jockin to improve the quality. In 2019, Mirko Velimirovic converted the family into a variable font.

# CA4B28

Orange

# 667560

green

# 4C4849

Dark grey

High-Fidelity Wireframes

Final Design

Responsive Design

Breakpoints

Screen: 1440px & 1080px
Tablet: 768px
Phone horizontal: 568px
Phone vertical 360px

Let´s get in touch!

Let us know what you are searching for.

contact