Erie's Selfie Studio: Website Case Study
Project Overview
The Problem
Busy teens and parents need a way to quickly schedule a session for the selfie studio online.
The Goal
Have a website that showcases the fun people can have at the selfie studio and give people a way to quickly schedule a session at the studio from their phone or computer.
The Product
This is a general website for the selfie studio to showcase their studio, have a gallery of past customers, and allow for online scheduling. There is also contact and location information, as well as a reviews section. This helps the user decide if they want to participate at the studio and easily schedule and pay while at home or on the go.
Roles and Responsibilities
For this project, I was the sole designer. My responsibilities included paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, conducting interviews, accounting for accessibility, and iterating the designs.
User Pain Points
1. Forgetfulness
Busy or forgetful people struggle remembering to take their medications or if they did.
2. Time
It takes a lot of time to constantly monitor your loved one's medications and ensure they're being taken.
3. Stress
It can be stressful for loved ones and caretakers to not know if the patient is properly taking their medication.
Persona
![persona [template].pptx.jpg](https://static.wixstatic.com/media/338d5b_c12b76a26c8646bdab3f1704fb5d7a32~mv2.jpg/v1/crop/x_2,y_21,w_955,h_519/fill/w_600,h_328,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/persona%20%5Btemplate%5D_pptx.jpg)
Problem Statement
Cheryl is a busy grandma with COPD and doesn't want her condition to hinder her time with her grandchildren by forgetting her medication.
The Design
Paper Wireframes
I started with some rough sketches of the app's layout and different elements of the app. My focus was to make the app as straightforward and easily navigatable as possible for those who may not be tech-savvy such as the elderly or mentally disabled.
Digital Wireframes
Easy navigation and clear instructions were the focus of these wireframes. All information needed to be clear and concise for minimal confusion. Icons are going to be a heavy element of the design moving forward. I wanted to separate the back-end settings from the user but have them be accessible for the caretaker or family members who may set up the app. I also wanted doctors or nurses to have access to the app to make any necessary changes for the user.
Mockups
After some feedback and testing with the digital wireframes, I got to work on some mockups for the final prototype. I wanted to aim for a clean minimalist design. Not too many colors and a clear user flow. I added the "Take Medicine" button front and center and made it green for contrast so it jumps out to the user. I also added a details button for the prescriptions as to not overload the user with all the information on one page.
High Fidelity Prototype
The final prototype presents a clear user flow experience for monitoring and taking medications. It hosts several functions that greatly benefit the user and the user's family.
Here you can find the most current high-fidelity prototype of
Takeaways
This app helps its user and those close to the user. The stress and worries it relieves are invaluable. This project has allowed me to improve my skills and knowledge in UX design, such as focusing on the user and increasing accessibility. I hope that I can continue to improve upon myself, as well as this project over time.
Next Steps
As I look for a position in the field of UX design I will continue to focus on creating more projects, while bettering my current projects. A design is never finished. There are always ways to adapt and improve for your users and create a better experience for everyone.