korki

Finding a good teacher nearby is quite a challenge, but with this app it should get waaay easier.

finding a good teacher nearby is quite a challenge, but with this app it should get waaay easier

Back in the late 2016, we have started working on the prototype of Korki – an app, that would help connect teachers with students who are in need of extra lessons. Students set up their profile, explain what they are looking for and wait for the offers or – the other way around.

Back in the late 2016, we have started working on the prototype of Korki – an app, that would help connect teachers with students who are in need of extra 

Deliverables

Deliverables

UI/UX Design
Branding
Landing Page

Timeline

Download

Korki App – Map
Korki App – Teacher's Profile
Korki App – My Schedule

user's journey map

user's journey map

The team behind Korki came to us with an idea for an app, our task was to gather it all together and create a product. We have started with a scheme presenting our vision for the app’s flow.

the team behind Korki came to us with an idea for an app, our task was to gather it all together and create a product. we have started with a scheme presenting our vision for the app’s flow.

wireframes

wireframes

With user’s journey map ready, we have started working on a set of wireframes. To divide the student’s and teacher’s mode, we used two different, dominant colors.

with user’s journey map ready, we have started working on a set of wireframes. to divide the student’s and teacher’s mode,
we used two different, dominant colors.

wireframes-layer-1c
Korki App Wireframes
wireframes-layer-2c
Korki App Wireframes

Having the whole flow ready, using InVision we have prepared a clickable prototype – it helped the team to confront their idea with the potential, real product. They could see how it would work and test it with the target group.

having the whole flow ready, using InVision we have prepared  a clickable prototype – it helped the team to confront their idea with the potential, real product. they could see how it would work and test it with the target group.

having the whole flow ready, using InVision we have prepared
a clickable prototype – it helped the team to confront their idea with the potential, real product. they could see how it would work and test it with the target group.

The app evolved a lot starting from this point, but thanks to all that, the final product was really thought through and ready to fullfill all of the user's expectations.

the app evolved a lot starting from this point, but thanks to all that, the final product was really thought through and ready to fullfill all of the users expectations.

the app

the app

Based on the final wireframes, we have prepared UI Designs for both Android and iOS. They are a great combination of custom elements with the native ones that made the whole app easier to implement. The final result was really appreciated by the users.

based on the final wireframes, we have prepared UI Designs for both Android and iOS. they are a great combination of custom elements with the native ones that made the whole app easier to implement. the final result was really appreciated by the users.

korki-the-app-01

Tutors & Students

Teachers & Students

From the very beginning, we divide users into two groups – tutors and students.

Korki App – Suggestions For You

Selected For You

Became the heart of the app – always showing tutors or students around.

korki-the-app-03

Rating

After each class, the app asks user how did he or she like it.

Korki App – My Schedule

My Schedule

My Schedule

Allows you to check out the plan for upcoming week.

Korki App – Tutors Profile

Profiles

Profiles

See who you are dealing with and be sure while choosing your new teacher.

korki-the-app-06

Available Time Slots

Available Time Slots

Quickly look up when your favorite teacher is available again.

landing page

landing page

Even though Korki is a mobile first platform, it needed a proper landing page to promote the app. 

even though Korki is a mobile first platform, it needed a proper landing page to promote the app. 

landing-page

logo

The team behind Korki, at the very end of our cooperation asked us to do one more thing – design their logo.

the team behind Korki, at the very end of our cooperation asked us to do one more thing – design their logo and first set of posters that will be placed around in the public transport.

We delivered four logo ideas:

we delivered four logo ideas:

Korki – Logo Concept 1
Korki – Logo Concept 3
Korki – Logo Concept 2
Korki – Logo Concept 4

The team really liked the concept of an owl since it is pretty popular within school environment. We decided to work on that. with a couple tweaks here and there, we got to the final result:

the team really liked the concept of an owl since it is pretty popular within school environment. we decided to work on that. with a couple tweaks here and there, we got to the final result:

technology stack

The design process behind Korki was pretty intensive, thanks to all these tools we could do it smoothly.

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

looking for something similar?

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