https://www.macsnyder.com/about daily 1.0 2023-07-27 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/8a9ebc01-59f7-484e-99b7-f6777ff012fe/IMG_0746.jpg https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/c206eb5b-9e7b-4f25-bc56-74cbb1dc7101/website+-+1.jpg https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/d384950d-f202-4037-b79b-d6ca3b569f0a/Discovery+%26+Synthesis+-+Interview+1+-+Lonny%2C+Insurance.jpg About https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/ff38f211-710b-4203-9a26-08e8348efbdc/Screen+Shot+2022-09-25+at+2.24.06+PM.jpg About https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/9d6a229d-23d1-4f88-92b9-2ea20315f206/Book+Me+Redesign+-+Nurse+Aide+Service+Blueprint+%26amp_+Candidate+Journey+Map.jpg About https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/0f2fcd6d-b0b4-4f27-8782-f4351bbef9c6/Screen+Shot+2022-09-25+at+2.32.20+PM.png About https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/59f187df-38d6-4867-8080-6b4696be1d9a/Screen+Shot+2022-09-25+at+2.31.39+PM.jpg About https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/6eded848-27ba-4444-ae3b-e38ae927763b/Screen+Shot+2022-09-25+at+2.26.59+PM.jpg About https://www.macsnyder.com/work daily 0.75 2023-07-13 https://www.macsnyder.com/work/bso monthly 0.5 2022-10-05 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578975140039-JY4XIB6NQZZHE2Z53YFG/Portfolio+Graphics+-+BSO+-+alt.png Work - Boston Symphony Orchestra https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573775222904-RV2KM3NACOGSFHHNMN6S/Problem+Venn.png Work - Boston Symphony Orchestra - The design needed to bridge this gap. Even if the BSO made their performances free, it wouldn’t mean millennials would attend them. To facilitate the BSO’s goals, we designed a feature that targeted millennials to help them cultivate an appreciation of the Classical Music genre and to recommend upcoming shows based on their musical preferences. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573789725485-EG3W92K0US4HJ72P6IET/Profile+-+Explorer.gif Work - Boston Symphony Orchestra https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573790181606-NR02FVQI8B58FEBLHNT1/Spotify+-+Playlist.gif Work - Boston Symphony Orchestra https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573828469443-ZJN8MYCIZZTUD0T9AR9B/Screen+Shot+2019-11-15+at+9.34.02+AM.png Work - Boston Symphony Orchestra https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573780970982-L3NFEJ1IV3XWMZFLTDUW/Affinity_photo%25252B-%25252B1.jpg Work - Boston Symphony Orchestra - Key Takeaways Our users value convenience, personalization, and freedom of choice in their music consumption. Classical music as a genre is misunderstood, but not from lack of interest. Classical Music is pigeonholed into a few specific listening situations. Our users utilize streaming services like Spotify to access music. Social influence has the power to greatly shape the entertainment choices of our users. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573776998964-SEWAA63P21RO44VG4SMV/Proto-Persona.jpg Work - Boston Symphony Orchestra https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578589454444-SFHFV7D931MLBU1ZS00D/Paper_Proto%252B-%252B1.jpg Work - Boston Symphony Orchestra - We then developed and tested a paper prototype on six users clued us into what was and wasn’t working in our design: Users expected to see a playlist overview showing a list of songs upon interaction. Users wanted the guided listening feature to be more prominently displayed and to update with new “listening-points” as a song progressed. Users wanted to save songs and playlists to their profile for quick access in the future. Every user skipped the “Add Photo” option within Profile Creation. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573782380979-2Q4MHAUVD5LXOU858HV1/Design+Studio+-+1.jpg Work - Boston Symphony Orchestra - Design Studios After identifying our user problem and solution, my team and I brainstormed the concept of our design by conducting two rounds of Design Studio, wherein we sketched out ideas and pitched our best ones. The Design Studio process created our initial wireframes, essential features, and user flows. The process also allowed our team to collaboratively establish our concept’s visual design. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573782402405-VWIOI7MZAVMGR2FTAIOO/Wireframes.png Work - Boston Symphony Orchestra We took these user insights into account and began to develop digital wireframes of our concept. I designed the initial wireframes for the “Playlist Creator” feature. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573782435301-DBT5YVR1I7WBT1EQHE1H/Screen+Shot+2019-11-14+at+8.44.15+PM.png Work - Boston Symphony Orchestra - Users wanted more breathing room on the song information page. Users did not read the instructional text because it was long-winded and overly formal. Users felt that the Splash Page was uninviting. Users were confused by the “shuffle” button on the playlist page. Users couldn’t figure out how to leave the song detail page other than viewing upcoming concerts. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573783004728-WDZNG8N39JJXWP8MCYHT/Screen+Shot+2019-11-14+at+8.56.26+PM.png Work - Boston Symphony Orchestra V2 I redesigned the Splash Page to feature an image of the Boston Symphony Orchestra performing and a more welcoming and informative text greeting. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1573782946663-847D9OAA5JDLRXRGC209/Screen+Shot+2019-11-14+at+8.53.59+PM.png Work - Boston Symphony Orchestra V1 Users felt that the Splash Page was uninviting and did not encourage further exploration of the product. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1574021154059-ZZSYAIUEDHRYLYUKT7AF/Screen+Shot+2019-11-14+at+9.05.51+PM.png Work - Boston Symphony Orchestra V2 We redesigned the Song Information Page to give it more breathing room by creating collapsable sections and by increasing the font size. We also changed the page’s Top Bar feature by replacing the “Like” button with a clearer way to exit the page. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1574021317034-1O2TIBFV502FUE1ADKW5/Screen+Shot+2019-11-14+at+9.02.44+PM.png Work - Boston Symphony Orchestra V1 Users felt that the Song Information Page was too tightly packed with information and that the design needed more room to breathe. Users also struggled to exit the page and navigate to other pages within the product. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1574021427899-7XT0LJIG5POQU6XRZSXE/Screen+Shot+2019-11-14+at+9.18.16+PM.png Work - Boston Symphony Orchestra V1 Users were confused by the “Shuffle” button on the Playlist Overview Screen and struggled to understand the musical attributes given to one playlist relative to the musical attributes of another. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1574021516680-MGLAN3NHIOXUF81MB2MI/Screen+Shot+2019-11-14+at+9.30.41+PM.png Work - Boston Symphony Orchestra V2 We redesigned the Playlist Overview screen by eliminating the “Shuffle Button” and by providing users with clearer feedback by restating the user’s inputted Activity and Moods. https://www.macsnyder.com/work/bend-hsa monthly 0.5 2022-10-05 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578857370962-KKEH6DTY4YD2D0VLGQQD/Bend_Portfolio+Graphics.png Work - Bend HSA https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578955019998-243RCK1RRAD4MGU1JL3M/Screen+Recording+2020-01-13+at+5.00.56+PM-1.gif Work - Bend HSA Fig. 1: The AI-powered "Bend Advisor” reviews the user's linked credit card transactions and categorizes them into 'Very Likely', 'Potential' and 'Unlikely' health expenses. The user is notified of how many health expenses need review and has to designate each as 'Eligible' or 'Ineligible' for reimbursement. We included a notification when a user finishes sorting through expenses in any given category to give users a sense of completion. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578955365763-KEJMREHDQVP0RR4WVA64/Split+Expense.gif Work - Bend HSA Fig 2: Previously, users were unable to split a transaction into both “Eligible” and “Ineligible” categories. We designed an expense splitting function that allows users to maximize their reimbursements while staying in accordance of the law. Previously, it was all or nothing. Now users get the best of both worlds. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578955855340-RKCOA5QY6TQ6DHWSG5AI/Designate+Expense+as+Ineligible.gif Work - Bend HSA Fig. 3: We also included an “AI Override” option to save users time while sorting through their eligible and ineligible expenses. This feature allows a user to designate all current and future transactions from a non-healthcare vendor to always be “Ineligible,” so users won’t need to consistently sort through ineligible expenses. To see all of our design, please visit our interactive prototype. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578858420001-SLW6BFFK6GW0BLVHDNLV/Bend+Process.png Work - Bend HSA https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578860995330-RYXX5UZCXNSQMRSQF3C3/Screen+Shot+2020-01-12+at+3.29.32+PM.png Work - Bend HSA - Key Takeaways We discovered that our users: Are not completely familiar with all of the benefits of their HSA. Experienced confusion with some of the terminology used on the portal, including “Eligible,” “Unreviewed,” and “Unreimbursed”. Had difficulty performing certain functions, like splitting and deleting expenses. Appreciated a sense of completion after dealing with their expenses. Generally budget expenses on a regular basis.(i.e., weekly, monthly) Wanted to see additional resources on how to use the product. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578858506117-1YIFJ9K1LFD93DDUJU7H/Bend_Paper_Sketches+-+1.png Work - Bend HSA - Design Studios After identifying our user problem and solution, my team and I brainstormed the concept of our design by conducting five rounds of Design Studio, wherein we sketched out ideas and pitched our best ones. The Design Studio process created our initial wireframes, highlighted essential features, and illustrated user flows. The process also allowed our team to collaboratively establish our concept’s renewed visual design and hierarchy. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578861647967-O22S89BL9JWX5EF6I766/Screen+Shot+2020-01-12+at+3.40.32+PM.png Work - Bend HSA - Atomic Design We were given access to Bend’s Design Library, which was constructed based on the principles of Atomic Design. Utilizing this library allowed me to redesign the Expense Tracker in a way that seamlessly fits into the overall design and visual styling of the Bend HSA portal. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578862042585-3RX77XZNDM49WM9U769E/Screen%2BShot%2B2020-01-12%2Bat%2B3.45.54%2BPM.jpg Work - Bend HSA - Bootstrap Vue When designing elements outside the scope of Bend’s Atomic Design Library, we conformed our designs to visual parameters established by Bootstrap Vue, the preferred code base for Bend’s development team. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578929275425-BELSGNUP8EMIUSCDCR16/Bend_Wireframes.png Work - Bend HSA This mockup illustrates the initial conception for the “Needs Review” layout and its “Expense Splitting” function. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578930406074-Q4YSZ7MPBSVO8EUT3F1N/Image+from+iOS+%281%29.jpg Work - Bend HSA https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578930627331-3GNCYZT4572PY3HQPBIZ/Bend_Wireframes_Markedup_Page_01.jpg Work - Bend HSA https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578930837008-9F82HPUMPI1SD51G3GE4/Bend_Wireframes_Markedup_Page_12.jpg Work - Bend HSA https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578933931980-3C2H37GIDJV8AXTCMMF3/Screen+Shot+2020-01-13+at+11.45.13+AM.png Work - Bend HSA - After unifying our designs, I built our initial prototype using Invison and we tested our redesign with four participants using the same prompts from the first round of testing. We found that our redesign made specific tasks like splitting an expense easier, but we uncovered some lingering issues related to: Revising the portal’s “Needs Review" Information Architecture Adding additional feedback to “Mark as Ineligible” process Revising the portal’s “Needs Review" Information Architecture Cleaning up spacing, buttons, and pop-up messages. https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578934828019-Q2VKI3IPUEXM0XEA9D3A/Screen+Shot+2020-01-13+at+11.57.17+AM.png Work - Bend HSA V2 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578934802814-OKFVO2G7T7WCLW5XQH3E/Screen+Shot+2020-01-13+at+11.57.57+AM.png Work - Bend HSA V1 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578937117016-ROACR1LFGJP835K0HHHZ/Screen+Shot+2020-01-13+at+12.35.06+PM.png Work - Bend HSA V1 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578937152121-9NW663STXUG1CDQ38RCJ/Screen+Shot+2020-01-13+at+12.35.46+PM.png Work - Bend HSA V2 https://www.macsnyder.com/work/previous-work monthly 0.5 2022-10-05 https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578515521245-O96CPUKYRL05NA7KHUVW/SINGLES001.JPG https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578515848434-E2B3MWDAMZ046CAPZB48/UNC-CH_Snyder_Mac_Story+001.JPG Work - Previous Work kjbsdkjcbsdkbsdf https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578690468348-Y21FZM92IBGGYJ8RYF5B/SNYDER_DIVAS-1.jpg Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578515884469-BRTZ0UA2K9MSLTSUUMH2/UNC-CH_Snyder_Mac_Story+002A.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578690502150-ZJL9KU3QZ6T64PF8KK8T/SNYDER_DIVAS-8.jpg Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578515920898-5O6RPYSCRZQFE9Y9LA2O/UNC-CH_Snyder_Mac_Story+003.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578690539337-360OAELUHAM919349D8E/SNYDER_DIVAS-2.jpg Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578515960175-TV8Q6BUD0XVC35YJKRSQ/UNC-CH_Snyder_Mac_Story+004.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516130763-G9TRKFBMF32BN8WINDQC/UNC-CH_Snyder_Mac_Story+007.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516002134-2OVJGQ4801JZG6YAUC57/UNC-CH_Snyder_Mac_Story+005.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516161666-VTRTBYJ14II5JO6XRVJ6/UNC-CH_Snyder_Mac_Story+010.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516061998-UV1YHGC25S1EY3H7359K/UNC-CH_Snyder_Mac_Story+006.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516169345-IB7U0U1C5WY12Y4P95YT/UNC-CH_Snyder_Mac_Story+011.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578586811837-IUMTCL45P5FC9R20MADX/portrait+snyder+003A.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516144284-RCI0SHZBKZ4ALQSLP08T/UNC-CH_Snyder_Mac_Story+008.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516172306-3MZIEGLG8UDZ4N3BFASX/UNC-CH_Snyder_Mac_Story+012.JPG Work - Previous Work https://images.squarespace-cdn.com/content/v1/5dcacce760c3551b3d796266/1578516172434-MR3GV4Y3L2NJL0V3WX5C/UNC-CH_Snyder_Mac_Story+013.JPG Work - Previous Work https://www.macsnyder.com/work/prometric monthly 0.5 2022-10-04 https://www.macsnyder.com/work/wawa monthly 0.5 2023-07-20