


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


















