img1

Join appCycling made social

Part 01

Goal

Make a platform for people who like to cycle together, new social network for the cyclists. The mobile app should have an attractive and friendly feeling.

I worked on all the stages of the app from developing initial concept through designing all the user flows to the final touches.

Discover community

Join users updates in one place.

Explore

Beautiful rides in users favorite cycling area.

Tap and go

Route, ride participants, weather conditions and one single tap for join.

Part 02

Focus

The app is supposed to be used in very different conditions: at home when planning a trip, but also on the road. This is why focus is always made only on the information that user needs at each particular moment.

Part 03

Style

Map is a good example of how less important data (the map itself) blends into background and the most important data (exact route) is highlighted and visible.

A lot of attention was put in the colors and fonts used in the app. App font looks appealing and is easy to read. Colors are clear and warm, making the app look friendly and at the same time highlight the important content.

After the ride

Collected results in the completed rides overview with key statistics and route details.

Moments for sharing

Finished ride uses a different style and invites users to share theirs moments.

Personal profile

Private account lets users keep track of individual records and add theirs favourite equipment.

New ride

App allows users not only join rides, but also create their own rides.

Part 04

App launch

Together with the client we worked on every aspect of the app. I designed a widget for Garmin cycling devices, worked on branding, promo website and created new logo.

img3 img3

Connexxion Apple Watch app
concept

Part 01

Goal

Find an easy to use and beautiful solution for the users who already use Connexxion app and that would like to use Apple Watch. I came up with all the features and the structure of the app.

Part 02

Plan a trip

One of the most required features is to plan a route. I kept it as simple as possible so that it is easy to use from the Watch. User can choose a direction and the app will suggest an optimal route for him. Every navigation step is a clear instruction with the most valuable and needed info.

Part 03

Buy a ticket

Another feature that is handy to have is an option to buy a ticket. Big friendly button doesn't leave user a chance to travel without a ticket and big progress bar shows for how long his ticket is still valid. Of course there is a notification when the ticket is going to expire.

Part 04

Notifications

Notifications are an important part of the app. As soon as user has planned his route he doesn't need to open the app anymore, notifications won't let him miss anything. He will also receive a notification if his bus is delayed or canceled and if his ticket is expiring.

Part 05

Complications

The last but not the least important feature are complications for watch faces. They show the most valuable piece of information like the current step of the route or the status of his ticket.

img3 img3

NS Stations App concept

Part 01

Goal

NS Stations are key points in everyday commute of thousands of people. The goal of the app is to help a user to find a service he needs at one of the stations. Secondary goal is to inform him about other NS services he might not be aware about yet.

Made in 2016 for The Mobile Company.

Part 02

Time tables

One of the most important things at every train station is an info panel with the time schedule. But NS stations are also big transport hub where user can switch to the metro, tram, bus, taxi, car or a bike.

Part 03

Custom map

The interface is based on a custom map of the whole country with all the possible train routes. The map defines the visual language of the app and connects all the parts of the app together.

Part 04

Personalisation

One of the core features of the app is a customization of the content to the needs of a particular user, his current location and time of the day. In the morning the user goes to work, in the afternoon he is headed back home. Depending on the current location and his interests user gets a selected list of promotions available at the station shops.

img1 img1

Opel Vivaro In-dash system UI

Part 01

Goal

To develop UI for the commercial vehicles Opel Vivaro in a simple and neutral style. Part of this task was to redesign all in-dash systems including radio and multimedia, navigation, settings and climat control.

I made visual styles for the whole system, cooperated with developers and provided quality control later on.

Made in 2014 for TomTom Automotive.

Part 02

Safety

Position of an in-dash system is different than position of a usual navigation device that can be aligned in front of the driver. That's why it is important that every UI element conforms strict safety guidelines.

Part 03

Style

Leaving all the functionality and elements layout untouched, I managed to make the styling very minimalistic and focused on the content, not on the decoration elements.

I put a lot of attention to the driving safety, readability of all texts, controls sizes, contrast of all the elements on the screen.

img2 img2

Kluwer Creator Website

Part 01

Goal

One of the leading publishing and information agencies in the Netherlands needed to bring the entire content creation process online. A part of this big goal is Kluwer Creator, a unique environment for authors. It supports an author and thus contributes to the better quality content.

Kluwer Creator is used daily by many people. It was important to find balance between functionality, usability and readability.

The goal was achieved in cooperation with interaction designers. The project was nominated on Dutch Interaction Awards 2014.

Made in 2013 for Resoluut.

Part 02

Dashboard

The dashboard gives authors a clear status overview of the work they have done, tasks they are currently on and where they are yet to start.

The author can see at a glance where the document is in the publication process.

Part 03

Editor

Authors can edit and add content exactly as they are used to from a word processor. They can also see the feedback of the editors and documents related to the current article.

I made all the additional information as less invasive as possible, but still noticeable.

Part 04

Adaptive layouts

The system can be accessed not only from desktop, but also from a tablet. Adaptive layout for different screen sizes was one of the important requirements.

img3 img3

Manual Exposure App for serious landscape photographers

Part 01

Goal

Being a landscape photographer myself, I wanted to have a stylish and easy-to-use tool for calculating exposure times under different conditions.

The resulting iPhone app contains 9 handy calculators and some extra features. We received a lot of feedback from the users and keep extending the app with new features.

Part 02

Key features

One of the key features of the app is the ability to add some predefined user sets and use them later in the calculations. It saves some time since user doesn't need to reenter the same parameters again and again.

Pickers
Picker control is the main interface element that can be adapted to every situation.

Information
User can read more about every calculator and get some shooting tips.

Timer
It is possible to save timers for later. Active timers are shown in a widget so the user can leave the app and he still notified when the timer is done.

Part 03

Sets and equipment

User can see some information on the items he adds to his equipment. Items can be grouped in the sets and used in the calculators.

Part 04

Themes

Initial default theme was too bright for the nighttime usage, so I added a second theme in dark colors.

img4 img4

Alfa Romeo Mito In-dash navigation

Part 01

Goal

Adapting TomTom navigation to a specific car brand. Because every brand already has it's own styling, I needed to change TomTom interface so that it would look native and at the same time I needed to keep all the functionality and usability.

Made in 2013 for TomTom Automotive.

Part 02

Interface

UI of an in-dash system must conform to a number of safety guidelines and strict requirements. Every interface element must be easily readable at a glance and from a distance.

Part 03

Result

It was an interesting project for me. I needed to adapt all interfaces to a completely different device type. Built-in systems have a lot stricter safety requirements concerning fonts, buttons and colors. Moreover Alfa Romeo styling was very different from the initial TomTom style.

img5 img5

Tall ships App for sail ships lovers

Part 01

Goal

To create a beautiful encyclopedia of the most famous sail boats that would contain all the available historical data and live map.

Part 02

Ship details

Ship details screen contains full description, specifications and current route and location.

Part 03

Map

One of the key features of the application is an interactive map where user can find any sail boat from the database and check it's current location and route.

Part 04

History

History timeline for each ship contains some interesting historical facts and archive photos.

img8 img8

Bulbs and Wires Puzzle game
for true erudits

Part 01

Goal

It is a first design of an iPhone app that I created for myself. The game is based on an old-school “connect all items” puzzle: old but very addictive brain challenging game. Very simple in the begining the game becomes challenging as the user chooses higher difficulty level.

Part 02

Details

I wanted to create a retro steampunk style with many realistic details. This goal was achieved by using old looking textures, sounds and animations of interface elements.

img10 img10

Weather Sci-Fi app

Part 01

Goal

To create an interface that would look good on a spaceship like "Prometheus" or "Enterprise", with a plenty of animated charts, diagrams and constantly changing values.

Part 02

Details

To achieve sci-fi appearance I added some minor excessive details that add visual disturbance and a hi-tech look. But unlike many sci-fi interfaces, all numbers and charts here actually make sense.

img11

George
Koultouridis Visual / UI Designer

Сreating new visual languages is one of my biggest passions. Every language is a complex but harmonious system and visual languages are not an exception. A good visual language should work perfectly together with other parts of the system and real life always brings in new challenges. I am working on complex visual systems from the beginning of my career till automotive systems and AAA-games UI’s.

My goal as a designer is to provide a solution that is not only functional and visually attractive, but also the most natural for the end users. And I believe that product should be perfect on every level.

I design solutions that last. And I feel proud when I see people using the products I worked on in their everyday life.

Feel free to contact me in the following ways:

Emailgeorge@koultouridis.com
Linkedinhttps://www.linkedin.com/in/george-koultouridis/
Dribbblehttps://dribbble.com/seven-hundredth