Loading
UX/UI design

ALLRYDER
TRANSPORT APP

An app gets an identity

oldapp

The old one:
Just a planner

Before the new design team’s arrival, the app was already in the app store, with some minor traction. It was basically just a planner/schedule for trips that had integrated all different providers in Germany.

The new one:
A lifestyle app

The new app took the planner as start point, and brought the app to a new level, where it would complement with the habits of the commuters, simplifying public transport for them in a new, fresh way.

newapp

GRAPHIC IDENTITY

In the wilderness of the Berlin Startup World, this app wanted to stand out. As designer for Allryder, I presented three different proposals for a new identity that would follow the features and values the new app was going to bring, and to my rejoice the boldest, most vibrant and memorable one was chosen.

The graphic system inside the new allryder brand would not focus on app screens, or even app features, but instead would talk about the daily commuting, the reasons for using public transport, and would do all that in a young, fresh, vibrant language that would both catch attention and deliver the message.

IOS, ANDROID…
AND WINDOWS PHONE

One of the most interesting aspects of working on this app was the process of it being ported to three different platforms, in different resolutions, and keeping inside of their style patterns and each one of its design guidelines.
Even with different use of fonts and interactions, the main goal was to maintain Allryder’s identity in all phones.

The functionality was similar -except for Windows Phone which was just a reduced, experimental version. And the branding identity was proven to work great cross-device.
The developers of each team were trained to keep brand design guidelines on each implementation to port the look and feel in a solid way.

Skills Used

User Experience Design
99%
UI Design
80%
Icon Design
40%
Ux Testing
59%
Sketch
60%
Living Stylesheets
40%

SIMPLE, PLAYFUL, SEXY,
BUT OPTIMISED FOR CONVERSION

landing

The challenge of such a bold and “screaming” graphic proposal was to have it under control, so that it would also work well on very simplistic, very straightforward approaches.
Such as this case, the main landing page which had the purpose of just quickly showing the usage of the app, and its main purpose: to go from point A to point B inside the city.

With a simple outcome, and the right social media pushing, it was really effective. The few possibilities for action, and yet its impact with a low-bandwidth-ready video and gif fallback, generated lots of new users and clicks. Also it was pretty effective on detecting the platform the user was in, to redirect to the right store for downloading.

See live

Allryder had an intense but short run. The company recently changed its name, and made a new app, with more standard style for it to be able to fit more conservative markets such as Turkey, Chile, etc.