Joy is a startup that is a part of Y Combinator Summer 2016 Batch. The main purpose of the Joy app is to help couples plan their weddings. Some of the features include capturing moments via the app.
Joy was paired up with a team that I was working with for the Pixel Project. The Pixel Project is Pixel Husky's annual design competition where student teams are paired up with a company. The company will give a set of teams a project related to the company's product.
My team was given the task to redesign the Joy iOS mobile app. Joy wanted us to redesign the app to let the users know that capturing moments is the primary action in the app, specifically, to encourage guests to take moments, fit the visual design language already established, create something that will make guests feel as if they are creating unique content, and make an overall social and human experience.
My role throughout the project was serving as the UX Design and Research lead. As the UX lead, I worked with the product manager and other UX designers, creating the initial wire frames for the project, distributing out work with the other UX designers, doing usability testing, and creating and compiling the flows for the second deliverable using Adobe XD.
Tools used: Balsamiq and Adobe XD
Deliverable 1: Initial Wire frames
After playing around with the app, my team was able to come up with a initial set of requirements when it came to redesigning the app. We were able to come up with a set of features that we wanted to implement within the app. My job during this phase was to create a presentation that would convey all of our initial ideas. I took the sketches that we had created and recreated them in Balsamiq. I took the Balsamiq wireframes and compiled them into one powerpoint, along with the ideas that we came up with.
Deliverable 2: Prototype Made Using Adobe XD
After we had gotten feedback from our mentors, we got back to work. Before we got to redesigning, we decided to do a little research. Here is the list of implementations that we decided to have in our second deliverable:
Keep the homepage of each wedding be a scroll-able schedule of the wedding and it's events
Each event is a gallery of moments, but when the user clicks
Keep the function of when we take a photo, the photo is uploaded immediately into a gallery based on what time the photo was taken
Have a confirmation icon after photos are added
Instead of the introduction page being a general introduction page, when the user will log in to the wedding for the first time, the app will ask whether the guest is going or not and then will provide more details if guest answers yes
After the wedding is over, the introduction screen changes to a thank you screen
Before the wedding, the Facebook share function screen would have the details of the wedding. After the wedding, the Facebook share function would change into a thank you page. Both screens would allow you to share a moment to Facebook
Keep the side menu function
Eventually, we were able to come up with these screens for our second deliverable. These screens were created using Adobe XD. I created the icons on the menu for the "choose a moment screen" and the checkbox icon for the "upload confirmation screen".
All of the screens for our prototype for the second deliverable.
What Could Have Been Improved On?
Coming up with something that would organize the text moments
Adding sharing functions to Instagram and other social media websites
A function where it would allow users to change the layout of the galleries of each event from a scroll-able one, to a grid
Further improving the simplicity of capturing moments
Improving the experience for the bride and groom (did not work on it, as Joy asked for our deliverable to focus on the guests)
Final Comments
Overall, this project definitely was a great way for me to practice and improve my UX/UI design skills. This project was my first time using Adobe XD, and was my first time working with a team of designers as well. (In the past, I was usually the sole UX designer). I definitely thought that working on Joy was something that exposed me to technologies I had not worked with before, and pushed me out of my comfort zone.
Thank you so much to Pixel Husky for providing this awesome event and thank you to Joy for giving my team and I the opportunity to work with you guys! (Shout out to our mentor Michael for working with us!)