"Kudos" in navy text over two screenshots of the search and profile interfaces on the Kudos platform on the left-hand side. On the right is a photo of a Kudos project displayed on a Macbook Air screen.
The Codology logo: codology written in navy.

Kudos: Inspiring Passion & Creativity

timeline
Jan 23 - May 23
Team
Team of 6 others
Discipline
Product Design
Role
Lead Designer
tools & Frameworks
Figma, UI/UX Design, Product Design

Background

Team Acknowledgements

This project was completed for Codology on behalf of Invention Corps of Berkeley. I’d like to thank the members of this project for their valuable contributions: Kimberly Thai, Mohan Xu, Kaleen Chen, Clara Yoo, Alysa Liu, and Carissa Cui.

Our Client

Codology is a non-profit based in the Bay Area that is committed to bringing high-quality, accessible, and engaging computer science education to young students. They offer online courses, in-person workshops, and research opportunities for free. Our team worked with Codology to build a digital portfolio platform for students in order to inspire young students to pursue passion projects in tech.

Our project was guided by the following question:
How might we empower students to pursue computer science by fostering a sense of confidence, belonging & accomplishment?

Understanding Our Users

Methods

1
Competitive Analysis
We analyzed 10 competing computer science education and portfolio platforms. We paid attention to each competitor’s breadth of the audience, approach to community engagement, support for peer collaboration, and project satisfaction.
2
User Interviews
We then conducted 14 user interviews with students aged 16-22 years old. During our conversations, we tried to understand student motivations for pursuing computer science, discover their passions and aspirations, and identify barriers to education.

Extracting Key Insights

Affinity Mapping
After conducting our research, we consolidated all insights through affinity mapping.
Bracket from left to right
Our users need
1
1
Fun and inclusive spaces to meet peers with similar interests and aspirations
1
2
Access to guiding figures with similar backgrounds as role models
3
3
Hands-on project experience actualizing computer science knowledge by turning theory into practice
4
4
A sense of accomplishment and appreciation

User Personas

From our user research, we discovered that our students encompassed a diverse range of backgrounds, aspirations, and motivations in computer science. As a result, we created user personas to encapsulate the various demographics of users to develop a deeper understanding of how to address such a broad range of needs.

Ideation

Feature Selection

1
Defining Value Propositions
Leveraging our research insights, we defined value propositions to address market gaps for our users.
1
2
Team Feature Ideation
Leveraging our value propositions and research insights, we brainstormed feature ideas.
3
3
2
User Story Mapping
Keeping our personas in mind, we wrote user stories and mapped out corresponding flows.
4
4
Info Architecture Design
We then used card sorting to group similar features and design the page architecture for our web application.

The Final Product

Discovering Peer Projects

From our user research, we discovered that a majority of students have passions outside of computer science, but are passionate about the intersection of technology and such interests.

On our platform, we wanted to allow users to discover projects made by others that align with their interests. Each project is tagged with the technology used to create it, in addition to the topic it pertains to.
Students are able to “follow” topics of interest, then get recommendations of projects to explore.
We believe the ability to learn about what others are working on will expand their understanding of what is possible and inspire them to pursue their own passion projects.

Empowering Self Growth

To encourage our student users to continue pursuing new computer science skills, we added a feature for students to set goals for themselves.
Each goal can be broken down into smaller steps.

This allows students to celebrate their incremental progress and break down daunting tasks into tangible action items.

Highlight Your Work

We want to allow our student users to share their projects for others to view. They can upload the source code, a demo video, and the story of how the project was created. This allows gives them freedom to highlight the various components of their work.

Scroll in the box below to see what a student project case study could look like.

Giving Kudos

To foster a sense of community between students on the platform, we incorporated support for social interactions

Students can celebrate the work of others by commenting or "giving kudos".
⋆˙⟡ thanks for checking out my work! ⋆˙⟡