study clique: ui design exploration

01 project overview


Study Clique is a responsive web app that allows students to connect, share, and discuss their interests, insights, and tasks with regards to their studies.


I completed this project in one month through the CareerFoundry UI for UX Designers course. I acted as the sole ux/ui designer.


02 design process

03 the challenge


A key component of learning is enthusiasm. Peer-to-peer learning can increase motivation and engagement with a subject. For young professionals, who are often balancing continuing education with their work and family life, it can be a struggle to find that peer-to-peer support.


This responsive web app will allow students to connect with others in their field to discuss topics, share insights, receive peer feedback on assignments, and even find others willing to collaborate on projects, making it easier to upskill while balancing daily life.

“I love the idea of having the right support at the right time for my course, such as study materials and advice.”

04 user persona

The user persona is a representation of the target demographic, young professionals who are looking to advance their careers through continuing education.

05 user flows and paper wireframes

Envisioning how the user persona would move through the app completing essential tasks informs the initial paper wireframes as far as which screens and ui design patterns will be needed.

06 visual style guide

Guidelines and best practices for visual brand consistency can be found in the style guide.

07 mid-fidelity wireframes

to polished mobile-first ui

Mid-fidelity wireframes provide blueprints so that content can be easily translated into high-fidelity wireframes following the visual style guide..

By designing with a mobile-first approach, content can easily be scaled up for a responsive design that looks clean and polished on any device.

09 clickable prototype

Explore the interactive prototype here.

08 final design

Mockups give a feel for how the end product will look on its intended device by a user, potentially revealing design or functionality issues that may not have been visible during during low-fidelity wireframing.

10 conclusion

I completed this project under a significant time crunch, compelling me to distill my design process to its essentials in order to deliver an MVP. Given more time, I would validate designs through user testing and develop future iterations.

This project marked a significant growth in my design journey. Beyond refining my design sensibilities, it underscored the valuable lesson that pixel-perfect designs emerge from a somewhat messy process of experimentation and iteration.

Thank you for visiting.