Study Together
Gabe Zurek
UX designer
Made with

Study Together

A web application designed for mobile, tablet and desktop that enables students to share their academic work and collaborate online or in-person.

Low-Fidelity Wireframes

Low-Fidelity Wireframes

To start my project in the UI for UX Designers course on Career Foundry, I created low-fidelity wireframes that tell a basic story of how the app will work. 

Mid-Fidelity Wireframes

Mid-Fidelity Wireframes

After crafting the low-fidelity wireframes, the task ahead of me was to create a basic, grayscale, and digital mid-fidelity wireframe. I used the Sketch app to create my digital wireframes.

High-Fidelity Wireframes

High-Fidelity Wireframes

After creating the mid-fidelity wireframes, I was tasked with producing high-fidelity wireframes with a preselected color theme. Adding color really brought these screens to life. What you see below is the result of several (at least four or five) iterations. 

Mood Board

Mood Board

I created a mood board to experiment with what kinds of pictures, colors, and themes Study Together would feature. I also created a second mood board not shown here; I chose the one currently shown as the final mood board to draw inspiration from for the project.

Study Together

Style Guide

Style Guide

This guide was created for developers/ other UX designers and UI designers to understand how to use the logo, primary and secondary color palettes, typography, and iconography. 

Study Together
Study Together
Study Together
Study Together
Study Together

Mockups

Study Together
Study Together
Study Together
Study Together

Dear Gabe Zurek,

Best,