5 Keys. Endless Possibilities.

5 Keys. Endless Possibilities.

KeyFlow redefines how we type on personal devices, making the experience intuitive, responsive, and enjoyable. With clear physical and digital cues, users can navigate quickly and easily express their thoughts. The keyboard layout features an ETAOINSHRDLU configuration based on the frequency of letter usage in common English words.

KeyFlow redefines how we type on personal devices, making the experience intuitive, responsive, and enjoyable. With clear physical and digital cues, users can navigate quickly and easily express their thoughts. The keyboard layout features an ETAOINSHRDLU configuration based on the frequency of letter usage in common English words.

Client

Client

Algonquin College

Algonquin College

Role

Role

Product Designer

Product Designer

React-native Devs

React-native Devs

Problem

Students find tutoring too expensive and

feel they don’t need a professor for basic tasks.

Students find tutoring too expensive and

feel they don’t need a professor for basic tasks.

GIF

3.1 Problems statement

Conducted through Survey Money

> 67%

> 67%

> 67%

Students expressed that hiring a tutor is too costly for them.


Students expressed that hiring a tutor is too costly for them

Students expressed that hiring a tutor is too costly for them.


91%

~91%

91%

Students indicated that they would be willing to pay for tutoring services if possible.

Students indicated that they would be willing to pay for tutoring services if possible.

Students indicated that they would be willing to pay for tutoring services if possible.

> 43%

> 43%

> 43%

Students reported that they find it difficult to network in college.


Students reported that they find it difficult to network in college.

Students reported that they find it difficult to network in college.


Image

3.2 Students discussing

Provide a student-centered tutor networking platform

The tutor networking platform reduces costs through peer tutoring and affordable pricing, allowing students to connect for support. It features discussion forums for sharing insights, study groups for collaborative sessions, and resource libraries for sharing notes, all of which enhance collaboration and strengthen the learning community.

Solution

Image

3.2 Students discussing

Provide a student-centered tutor networking platform

The tutor networking platform reduces costs through peer tutoring and affordable pricing, allowing students to connect for support. It features discussion forums for sharing insights, study groups for collaborative sessions, and resource libraries for sharing notes, all of which enhance collaboration and strengthen the learning community.

01

Problem & Solution

Wireframe

Wire frame

User interface

Listing screen

Design

Image

3.3 Listing screens

Enabling Efficient Discovery

My primary objective for this screen is to empower users to efficiently browse a diverse pool of tutors and quickly identify candidates that meet their specific needs. I aim to reduce friction in the tutor discovery process by presenting key information upfront, offering robust filtering options, and building immediate trust through clear indicators. Ultimately, I want users to feel confident and informed when selecting a tutor

Tutor detail & info

Design

Image

3.4 Tutor detail & info screens

Deepening User Engagement & Trust

This screen builds directly upon the tutor listing, serving as the dedicated space for users to dive deeper into a tutor's profile before making a booking decision. My objective here is to provide comprehensive information, reinforce trust, and facilitate an informed choice, transforming a casual browse into a confident selection

Book a session CTA

Design

Image

3.5 Book a session CTA

Optimizing the Call to Action

The initial design, featuring a straightforward "Buy Lesson" button, presented a significant user friction point. The refined design, moving towards a "Buy Trial Lesson" and offering session duration choices, directly addresses user apprehension and enhances conversion by providing flexibility and reducing commitment.

Select time slot

Design

Image

3.6 Select a time slot

Enhancing Clarity in Time Slot Selection with Timezone Context

Without timezone clarification, users might engage in mental calculations, convert times manually, or even book a session at an inconvenient or incorrect time

Payment

Design

Image

3.7 Payment screens

Ensuring Trust and Transparency in Transactions

My primary objectives in designing this screen were to ensure complete transparency regarding costs, provide secure and flexible payment options, and most importantly, instill a high level of trust and confidence in the user before they commit to a transaction.

Chatbox

Design

Image

3.8 Chat screens

Facilitating Real-time Learning and Support

The primary purpose of this chatbox is to provide a real-time channel for students to ask questions, share problems, and receive immediate assistance from their tutors

Profile & Community

Design

Image

3.9 Community & Profile screens

Fostering Engagement and Growth

The "Profile" screen establishes user identity and offers a path to becoming a tutor, while the "Community" screen fosters peer-to-peer learning and discussion. My objective in designing these sections was to cultivate a sense of belonging, encourage continuous learning, and provide avenues for users to both consume and contribute knowledge.

User interface

Image

3.3 Listing screens

Enabling Efficient Discovery

My primary objective for this screen is to empower users to efficiently browse a diverse pool of tutors and quickly identify candidates that meet their specific needs. I aim to reduce friction in the tutor discovery process by presenting key information upfront, offering robust filtering options, and building immediate trust through clear indicators. Ultimately, I want users to feel confident and informed when selecting a tutor

Image

3.4 Tutor detail & info screens

Deepening User Engagement & Trust

This screen builds directly upon the tutor listing, serving as the dedicated space for users to dive deeper into a tutor's profile before making a booking decision. My objective here is to provide comprehensive information, reinforce trust, and facilitate an informed choice, transforming a casual browse into a confident selection

Image

3.5 Book a session CTA

Optimizing the Call to Action

The initial design, featuring a straightforward "Buy Lesson" button, presented a significant user friction point. The refined design, moving towards a "Buy Trial Lesson" and offering session duration choices, directly addresses user apprehension and enhances conversion by providing flexibility and reducing commitment.

Image

3.6 Select a time slot

Enhancing Clarity in Time Slot Selection with Timezone Context

Without timezone clarification, users might engage in mental calculations, convert times manually, or even book a session at an inconvenient or incorrect time

Fostering Engagement and Growth

The "Profile" screen establishes user identity and offers a path to becoming a tutor, while the "Community" screen fosters peer-to-peer learning and discussion. My objective in designing these sections was to cultivate a sense of belonging, encourage continuous learning, and provide avenues for users to both consume and contribute knowledge.

Image

3.9 Community & Profile screens

Image

3.8 Chat screens

Facilitating Real-time Learning and Support

The primary purpose of this chatbox is to provide a real-time channel for students to ask questions, share problems, and receive immediate assistance from their tutors

Ensuring Trust and Transparency in Transactions

My primary objectives in designing this screen were to ensure complete transparency regarding costs, provide secure and flexible payment options, and most importantly, instill a high level of trust and confidence in the user before they commit to a transaction.

Image

3.7 Payment screens