{"id":1213,"date":"2022-03-04T09:24:06","date_gmt":"2022-03-04T09:24:06","guid":{"rendered":"https:\/\/www.yarasafadi.com\/?p=1213"},"modified":"2022-03-09T10:52:07","modified_gmt":"2022-03-09T10:52:07","slug":"study-together-app-ui-case-study","status":"publish","type":"post","link":"https:\/\/www.yarasafadi.com\/?p=1213","title":{"rendered":"Study Together App – UI Case Study"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\"\"
An app that helps students connect, collaborate and  create communities for continuous learning.<\/figcaption><\/figure>\n\n\n\n
\"\"
Study Together is a responsive web app, following a mobile first design approach.<\/figcaption><\/figure>\n\n\n\n
\"\"
This app was designed and prototyped in Figma. Now, lets dive into my process creating it!<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Check out an interactive prototype here!<\/mark><\/strong><\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n

Overview <\/strong>
<\/h4>\n\n\n\n

The Study Together app is a responsive web app that is meant to create a platform for busy students to connect with their peers, and want to stay motivated while keeping up with their studies, jobs, families, etc. <\/p>\n\n\n\n

The design of this app was part of a UI focus project. The project brief was provided. <\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

Persona<\/strong><\/h4>\n\n\n\n
\"\"
The persona was adapted from the given project brief.<\/figcaption><\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

User stories + User flows<\/strong><\/h4>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

From LowFi Wireframes to Hifi Responsive Break Points <\/strong><\/h4>\n\n\n\n
\"\"
Paper prototype<\/figcaption><\/figure>\n\n\n\n
\"\"
LowFi wires<\/figcaption><\/figure>\n\n\n\n
\"\"
Mobile HiFis<\/figcaption><\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n