Meet the Project

Scope:

  1. Project in context

  2. Problem

  3. Objectives

  4. Solutions

  5. Results

  6. Lessons learned

About:

With this project, I aim to simplify student collaboration across diverse fields through a dedicated platform. By connecting students in UX design, product management, and web development, i create opportunities for impactful projects and meaningful knowledge sharing.

Roles:

In this project, my key responsibilities involved developing comprehensive user flows, establishing a clear visual hierarchy, and designing detailed wireframes and prototypes to ensure a seamless user experience.

Project Context

1. Specific Niche

The 'Study Together' project aims to connect students online for peer-to-peer learning and collaboration. This responsive web app enhances engagement through real-time interaction, fostering a dynamic and supportive student community that enriches their academic and professional growth.

Problem

2. Based on Personas

My persona struggles to balance studies, work, and personal commitments, impacting motivation. They find it challenging to locate relevant study materials and peer feedback. They have difficulty finding like-minded students to collaborate with, hindering development.

01

Time Management

02

Resource Accessibility

03

Collaboration Opportunities

Objectives

3. User Stories

During the design phase, user stories played a crucial role in defining the features and functionalities of the platform. They ensured that the design addressed specific pain points and user needs, guiding the development of a user-centric and effective solution

Solutions

4. Key points

I Develop a platform for students from different universities to connect and collaborate in UX design, product management, and web development. Implement features like detailed profiles with interest tags, chat options, group interactions, and tools for group study sessions, project collaboration, and resource articles.

01

Interdisciplinary Collaboration:

02

Knowledge Sharing

03

Effective Collaboration Tools

User Flow

I created a flow where users start from the landing page to register or log in. Once registered, they create detailed profiles, explore the main feed to share and access content, and utilize messaging features.

Key functionalities include searching for fellow students, viewing profiles, and initiating collaborative interactions to foster seamless communication and project engagement.

Wireframes Evolution

Initial wireframes focused on basic user interaction and layout. Through iterative feedback and usability testing, the designs evolved, enhancing navigation and incorporating collaborative features for a user-centric interface.

Moodboard

The air balloon mood board embodies themes of positivity, innovation, and empowerment. It symbolizes the pursuit of new heights and the exploration of creative ideas. The uplifting visuals of air balloons and the expansive sky foster an inspiring atmosphere, encouraging collaboration and innovative thinking among students.

Option 1

Option 2

Implementation

Color Palette

The chosen color palette embodies calmness and professionalism, with soft blues and neutral tones creating a sense of trust and focus. These colors are designed to provide a welcoming and stress-free environment

Animation and Gestures

The animations are designed to enhance user interactions by providing visual feedback and guiding users seamlessly through the interface.

With my style guide i ensure a cohesive and user-friendly interface with consistent UI elements, flexible typography, and clear iconography.

Results

5. Key features

  • Customized Search Results

  • Peer Messaging

  • Posting Feature

Customized Search Results

Before and after

Unlock tailored searches to find peers, resources, and projects that match your specific interests and collaboration needs. With refined search results, connecting with the right people and content has never been easier

Peer Messaging

Before and after

Share ideas and collaborate effortlessly through direct messaging. Engage in real-time communication to exchange insights, provide feedback, and support your peers in their academic and project-related endeavors.

Posting Feature

Before and after

Post updates, share resources, and contribute to discussions seamlessly within the platform. Stay connected with your community, exchange valuable information, and collaborate with peers in your field.

Mockups

My mobile mockups feature intuitive navigation and responsive layouts for a seamless Desktop experience.

Lessons learned

01

User Engagement:

Ensuring sustained user engagement and motivation throughout the platform

02

Technical Challenges:

Addressing technical complexities in integrating various features and ensuring seamless functionality.

03

Usability Testing:

Gathering comprehensive feedback and iterating designs based on user input.