myCSA App
User Research | UX | UI | Product Design
![MyCSA App](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550622317-16KHJ7IDE4SLKW8TALBH/cdellavalle_final_pres_7_23-page-001.jpg)
MyCSA App
App concept including user research, ux concepting, wireframing and final design mock-ups.
![cdellavalle_final_pres_7_23-page-004.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550622566-717V6PO2HPWQO6WJ2808/cdellavalle_final_pres_7_23-page-004.jpg)
![cdellavalle_final_pres_7_23-page-002.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550621698-GU8XTI9O2PUPFFHQQZIM/cdellavalle_final_pres_7_23-page-002.jpg)
![cdellavalle_final_pres_7_23-page-003.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550622255-7RJD75NCX10DZT7UFG5I/cdellavalle_final_pres_7_23-page-003.jpg)
![cdellavalle_final_pres_7_23-page-005.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550622678-H7O4IG7EHQDELYJV3LAB/cdellavalle_final_pres_7_23-page-005.jpg)
![User Interview Research](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550623255-0EVWD0PS896G22P2857Y/cdellavalle_final_pres_7_23-page-006.jpg)
User Interview Research
Conducted 5 extensive user interviews with current and former CSA members. Here are some of the common results.
![CSA Weekly Information Search](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550623398-YNC1J7ZMAVZLBITX2HHK/cdellavalle_final_pres_7_23-page-007.jpg)
CSA Weekly Information Search
While conducting user interviews, and as a CSA member myself, I wanted to understand where potential users were already getting the info they needed from.
![User Profile](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550624125-Q8A7Y9SD6RLV9KC7173S/cdellavalle_final_pres_7_23-page-008.jpg)
User Profile
Based on this research, I created a user profile to hone in on specific needs to address within the app.
![Goal Statement](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550623813-1HDA6D878P3RL2AJOAWJ/cdellavalle_final_pres_7_23-page-009.jpg)
Goal Statement
After conducting research and creating the user profile, there was one clear need the app needed meet.
![App Project Goals](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550624189-QC5HM8LV20UV7TXZNWDR/cdellavalle_final_pres_7_23-page-010.jpg)
App Project Goals
The app needed to execute specific functions in order to meet these needs.
![cdellavalle_final_pres_7_23-page-011.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550624458-4RA3GU7ML6VN84X96JH6/cdellavalle_final_pres_7_23-page-011.jpg)
![cdellavalle_final_pres_7_23-page-012.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550624612-WGAA9E35PJZ06DGKW2YG/cdellavalle_final_pres_7_23-page-012.jpg)
![cdellavalle_final_pres_7_23-page-013.jpg](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550624966-1GBVN7L42EFNLENNFLO9/cdellavalle_final_pres_7_23-page-013.jpg)
![From rough sketches, made interactive using POP, I was able to refine and create lo-fi prototypes. After finalizing some navigation, I moved on to create a more final fully designed prototype in Sketch. ](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550625143-KIU0IXLGOUJQBSSIB8KY/cdellavalle_final_pres_7_23-page-014.jpg)
From rough sketches, made interactive using POP, I was able to refine and create lo-fi prototypes. After finalizing some navigation, I moved on to create a more final fully designed prototype in Sketch.
![At the beginning of the mock-up process, creating a paper prototype was the easiest way to think out each step of the MVP. From here, I created a working interactive prototype to test some of the basic steps in POP. ](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1489976394859-MCT1D59L8MGTBLUV4DSG/mycsa_lofi.jpg)
At the beginning of the mock-up process, creating a paper prototype was the easiest way to think out each step of the MVP. From here, I created a working interactive prototype to test some of the basic steps in POP.
![After ironing out some key details, I created a lo-fi prototype using Sketch. Throughout the process I would bring this digital prototype into InVision to test the intractions and user flow. ](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1489976394859-CP25KZL23OXJOP8F9QTX/mycsa_lofi2.jpg)
After ironing out some key details, I created a lo-fi prototype using Sketch. Throughout the process I would bring this digital prototype into InVision to test the intractions and user flow.
![After refining and testing the lo-fi prototype, I landed on the main screens and began designing specific icons, colors and text styles. ](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1489976395273-YRS3JT9YUDIUERNIQIDW/mycsa_lofi3.jpg)
After refining and testing the lo-fi prototype, I landed on the main screens and began designing specific icons, colors and text styles.
![I brought my InVision prototype to my CSA share pick-up. The other members were happy to interact and give their feedback. I recorded the sessions with screen visuals and audio using Lookback. ](https://images.squarespace-cdn.com/content/v1/563917fee4b0b1be3a2d8bcf/1478550626049-FSNTK4KEHGO8B937MX4Y/cdellavalle_final_pres_7_23-page-015.jpg)
I brought my InVision prototype to my CSA share pick-up. The other members were happy to interact and give their feedback. I recorded the sessions with screen visuals and audio using Lookback.