the next

the next

Simple yet useful app that always knows the answer to one question – what time does my next bus leave?

simple yet useful app that always knows the answer to one question – what time does my next bus leave?

simple yet useful app that always knows the answer to one question – what time does my next bus leave?

In September 2017 we started working on The N3XT as a side project. We wanted to create a simple app for ourselves, that once told where we are going, would not need any additional input every day and  just answer the most bothering question every morning – when is my next bus?

In September 2017 we started working on The N3XT as a side project. We wanted to create a simple app for ourselves, that once told where we are going, would not need any additional input every day and  just answer the most bothering question every morning – when is my next bus?

Deliverables

Deliverables

Product Design
Branding
iOS Development
Backend

Product Design
Branding
iOS Development
Backend

Timeline

Download

2 months

intro-1
The N3XT – Time till the next bus
intro-3

mood board

mood board

At the beginning of the product design process, we gathered a bunch of inspirations that drove us through the project and helped us catch the moment.

at the beginning of the product design process, we gathered a bunch of inspirations that drove us through the project and helped us catch the moment.

at the beginning of the product design process, we gathered
a bunch of inspirations that drove us through the project and helped us catch the moment.

Mood Board

branding

branding

The identity along with a look and feel of the app are strongly inspired by the New York City Subway System that even though it’s over 50 years old, still remains as one of the greatest.

the identity along with a look and feel of the app are strongly inspired by the New York City Subway System that even though it’s over 50 years old, still remains as one of the greatest.

On the other side, the color palette of the project was inspired by vehicles of the public transportation in Wrocław.

on the other side, the color palette of the project was inspired by vehicles of the public transport in Wrocław.

Tram Blue
#2992D8


Speedy Red
#FB4B4E


Night Violet
#9B59B6


Malachite
#2FD566


Bus Yellow
#FFCD3A


Just White
#FFFFFF


Sub-Orange 
#F46036


Blackish
#1E2124


the app

the app

With The N3XT we wanted to deliver the information about next leaving tram or bus as fast as possible to the passenger, we wanted to eliminate a need to type in the start and the end stations of the route, that for most don’t change every day.

with The N3XT we wanted to deliver the information about next leaving tram or bus as fast as possible to the passenger,  we wanted to eliminate a need to type in the start and the end stations of the route, that for most don’t change every day.

with The N3XT we wanted to deliver the information about next leaving tram or bus as fast as possible to the passenger,
we wanted to eliminate a need to type in the start and the end stations of the route, that for most don’t change every day.

We solved the problem by saving the route within an app and presenting the time whenever the app is opened. To answer the question faster, we took it one step further and prepared a widget.

we solved the problem by saving the route within an app and presenting the time whenever the app is opened. to answer the question faster, we took it one step further and prepared a widget.

smart-suggestions-2

Smart Suggestions

Smart Suggestions

Are placed just above the keyboard, which make them easy to reach with one finger.

time-first-2

Time First

Time First

The key thing in the app is the time, that's why we built the UI around it.

The N3XT – Time Table

Full Time Table

Full Time Table

If you only want, you can view a full time table for your station.

The N3XT App – Empty States

Empty States

Empty States

No more connections for today? We did see that coming.

The N3XT App – Onboarding

Subtle Animations

Subtle Animations

...can change it all – using airbnb's lottie we have added multiple animations

widget-2

Just a swipe away

Just a swipe away

To quickly check when does your next bus leave the stop without opening the app.

to quickly check when does your next bus leave the stop without opening the app

technology stack

technology stack

Making it all work was quite a challenge – thanks to technologies we used we were able to do it more efficiently.

Backend:

Node JS

NodeJS

Programming Language

MySQL

Database

Mobile App:

Moya

iOS

Platform

Swift

Programming Language

Moya

Networking

Bitrise

Continuous Integration

Lottie

XCode

Editor

Realm

Database

Crashlytics

Crash Reporting System

Lottie

Animations

Design:

Sketch

Sketch

Design Software

Adobe After Effects

Animation Software

Principle

Prototyping Software

Adobe Illustrator

Design Software

related projects

Like what you see? Take a look at our other projects:

our projects

The N3XTproduct design & development

Korkiproduct design

liked what you've just seen?

what is your app idea?

hi@thecocoapps.com
pawel@thecocoapps.com
marcin@thecocoapps.com

paweł: +48 726 344 869
marcin: +48 517 393 045

Dribbble     Behance     Guthub