![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/97fcc46f-1735-4a16-92b8-fc0127b52418_rw_1920.png?h=652f32bf89f6e5a16dcbb56f9def1443)
A full-scale user experience and interaction design mockup for a mobile application which enables users to share and sync their schedules for easy group planning.
Identifying User & Targeting Needs
For this project, I was tasked with designing a mobile solution to a real world person's needs. In order to do so, I started by identifying a user and targeting the user's needs. After interviewing friends, family, and strangers, I identified a user and a problem. I noticed many of my friends, family members, and classmates were struggling with scheduling in their day to day lives. While other apps like Google, When2Meet, and Doodle Poll offers some solutions to scheduling, they fall short in offering a complete and synced scheduling solution. Therefore, my mobile app jibe, strives to target these pain points by allowing users a simple solution for syncing calendars and scheduling meetings.
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/412b97e2-15e1-4a16-8c91-b510e0b37ff5_rw_1200.jpg?h=0419fb79e51668621cea7f1f432d6294)
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/f70b99c3-b16a-4a2d-9d51-12a5eb4aaf7d_rw_1200.jpg?h=85c0fec3eb0cb86e256bbd885546c2f9)
Journey Map
Once I had identified a user, I created a journey map for my intended user. The journey map better depict's my intended user's (Violeta) pain points. My mobile solution then strives to target these pain points.
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/b0c5e2fd-a250-48cd-96b3-9350e5f155ba_rw_1920.png?h=9b0a150b88a0c87eb6451834113603db)
UI Framework
Before prototyping, I created an interaction framework for my mobile solution. In doing so, I was able to see the flow and feel of the app. While this is the final framework, the flow of the app changed throughout user testing. By prototyping the app with users, I was able to identify which functionalities users both wanted and needed. Based on user testing, I learned people liked having both individual and separate group calendars for each group.
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/633030a9-92b8-4ec5-a1a2-1dc203c4fdcb_rw_1920.png?h=4047006ebce7408a499c5db181cad613)
Paper Prototype
While user testing, I created physical, paper prototypes to test the flow and organization of my application. By using sticky notes and paper, I was easily able to adjust the placement and organization of screens, buttons, and labels.
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/7a1f5622-db65-4556-8f6e-d11f0f50b1c7_rw_1200.gif?h=3a2f53e37acad75b1d18ff959d15e074)
Digital Prototype
Once I had established the needed content through paper prototyping, I created a digital mockup of the app in InVision. I quickly transferred content from the paper prototype to the digital prototype. By doing so, I was able to prototype the mobile solution with users in its intended digital environment. While users liked the flow of my application, I continued to work on the design and feel of the calendar within the app.
Concept Mockup
Once I had established the flow of the application, I created high-fidelity mock-ups of the screen to showcase the look and feel of the application. In doing so, clients are better able to understand the look and feel alongside the purpose and functionalities of the mobile solution to aligning schedules.
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/b7868fd5-3630-4913-bc7d-e84ba484a756_rw_1920.jpg?h=9ddff9735b130e9b03069d6c6fbf52f2)
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/7ceb0102-b5aa-4c5f-b608-c989716528e6_rw_1920.jpg?h=26f3ef7a4728ac1514d89abbe022eb0c)
![](https://cdn.myportfolio.com/d6b510d72f63bcc9f546229a43112d13/2c470024-e713-4ed9-984d-e6a6915de3d9_rw_1920.jpg?h=c23255bedfbc188010b1b0264364132f)
For an in-depth explanation of my ideation process and user experience prototypes of jibe please visit my progress blog.