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
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.
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
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
Smart Suggestions
Are placed just above the keyboard, which make them easy to reach with one finger.
Time First
Time First
The key thing in the app is the time, that's why we built the UI around it.
Full Time Table
Full Time Table
If you only want, you can view a full time table for your station.
Empty States
Empty States
No more connections for today? We did see that coming.
Subtle Animations
Subtle Animations
...can change it all – using airbnb's lottie we have added multiple animations
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
Making it all work was quite a challenge – thanks to technologies we used we were able to do it more efficiently.
Backend:
NodeJS
Programming Language
MySQL
Database
Mobile App:
iOS
Platform
Swift
Programming Language
Moya
Networking
Bitrise
Continuous Integration
XCode
Editor
Realm
Database
Crashlytics
Crash Reporting System
Lottie
Animations
Design:
Sketch
Design Software
Adobe After Effects
Animation Software
Principle
Prototyping Software
Adobe Illustrator
Design Software
Like what you see? Take a look at our other projects: