https://hannahtamminga.com/about daily 0.75 2022-11-06 https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/30c4556a-176f-4df8-9541-9f2bf1175639/Me.jpg About - Hi, I’m Hannah. I’ve worked across all parts of the software development life cycle, including user research ️, design and design evaluation , testing ✔️, project management , and customer support ‍♀️. I’m a proud graduate of one of the most highly ranked Psychology programs in the country from the University of Minnesota. (Go Gophers!) Today, I’m a UX Designer in the healthcare IT space with ModMed, designing products to make the healthcare experience better and easier with research-driven decisions. When I’m not designing, you’re likely to find me walking in the woods with my beloved dog , trying a new recipe in the kitchen ‍, or sprawled out on the couch re-watching Schitt’s Creek . Contact me on LinkedIn, via email at hmtamminga@gmail.com, or check out my resume to learn more about me. I hope we get a chance to work together! https://hannahtamminga.com/home daily 1.0 2022-05-06 https://hannahtamminga.com/home/ecommerce-mirror-case-study monthly 0.5 2022-04-08 https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/d13f2247-078a-41bd-816c-3190932a1e10/Mirror+Headline+Banner.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/b0f72405-89f5-433c-8cb3-f1a3f0a27956/Frame+3.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/b90cbbd4-9447-401c-86eb-73e18d10c872/Competitors.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/331df107-9807-461b-8cef-3421392b8f9f/User+Flow+-+Existing+user+making+a+purchase+%28or+not%29+%281%29.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/c2a33bd0-83b1-4cc0-ab45-62e8c2a61314/Persona+%281%29.png Work - Ecommerce - Responsive Website for Fashion Brand https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/776cf889-c758-4f48-9e4b-6cf7c032d26a/Landing+Page+Wierframe+V3.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Landing Page V3 I presented my work at a group critique and to my mentor, and I made the following changes based on their feedback. Replace the blog post section with additional area to place featured and sale products, so users can jump directly from the home page to an item that interests them. Create a way for users to add an item to their cart directly from the main page. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/8ebcac61-534f-4468-bbb6-3fdd5f08566a/Wireframe+V1.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Landing Page V1 My goals for this version were to: Make it easy for Mirror to promote categories and items Make navigation familiar, clear, and easy to use Incorporate social media integration per industry trends https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/2f750b73-3d87-4b41-a2d2-1f6b51429624/Landing+Page+Wireframe+V2.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Landing Page V2 I wasn’t completely satisfied with V1 and quickly iterated to form V2. The changes I made were: Make the single hero image into a set of 3 so that Mirror is able to advertise multiple new lines and deals that users will be interested in. More than one person in interviews said that they usually started shopping after getting an email from a company, so I moved the newsletter signup higher into the hierarchy. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/6762c89a-d3b3-44a3-9556-eddb20d29f1e/Laptop+Mockup+2+%281%29.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/01bc315c-54a6-4be4-ac6f-ae960c55a670/Frame+9+%281%29.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/f8a34019-4bf3-4a25-b27d-f41c22ca66a6/Frame+8+%282%29.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/3eca974d-8f99-4d68-8b28-ef8a25b9a9e7/iPhone+12+Pro+Max.png Work - Ecommerce - Responsive Website for Fashion Brand - Responsive Design The landing page of Mirror’s website optimized for a mobile browser experience. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/5da12371-7f89-4772-b633-33dcb7c05863/Frame+7.png Work - Ecommerce - Responsive Website for Fashion Brand - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/fd2d3a0f-2f32-4d74-a6e9-48e40b5e6d90/UXA+Sort+%2B+Filter+Revision.png Work - Ecommerce - Responsive Website for Fashion Brand - Changes from user testing I asked users to work with the prototype to add a pair of jeans to their cart. Everyone was able to complete the task, but more people than I expected wanted very nitty-gritty filtering options, rather than just the popular ones I pinned to the top of the page. I decided to mockup this Sort & Filter hover screen for the Category Page with the filters they were largely looking for. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1642378626121-1NZ0ZGN3Y39DQNNZJ4RP/Logo+%285%29.png Work - Ecommerce - Responsive Website for Fashion Brand https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1642378999004-FXVT1O1BTPVMI9QU06HM/Style+Tile+%285%29.png Work - Ecommerce - Responsive Website for Fashion Brand https://hannahtamminga.com/home/mobile-feature-apple-health-case-study monthly 0.5 2022-04-13 https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/92890119-db3f-4be7-ab3f-96ce538a7200/Apple+Health+Headline+Banner+%282%29.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/144b9bc7-6ee8-4bb4-9b4e-9c8f5d8837e3/Interview+Notes.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/187d9958-4880-4e69-8245-380e8fa5855c/Task+Flow+%281%29.png Work - Mobile Feature - Apple Health Goals Tracking - Task Flow I imagined how Dianne might flow through the app to create a goal within the Apple Health app, so that I had a clear idea of the screens I would need to mock up in order to properly test my ideas. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/d60570d5-d6fa-4f6c-bc20-f5446a2ccdcd/Interview+Insights.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/173d6379-a637-4316-a571-40b601747af0/Persona+%283%29.png Work - Mobile Feature - Apple Health Goals Tracking - Persona Created from a conglomerate of interviews and market research, this persona guided me as I created wireframes and mockups. What would Dianne like? It really helped me remember throughout the process that the people using the app are busy and probably not completely focused on the maintenance of their health, because life gets in the way. I knew I needed to keep the feature motivating, simple, and not a time-suck. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/5578cbf1-6290-4930-a19c-64b5f3445788/Competitor+Analysis+2.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out As you can see from this analysis of features, adding the ability to track health goals to Apple Health would make it a really comprehensive application. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/e0642eb8-cf8f-4c73-b581-c8bb4394902b/Frame+16.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/101ef960-c1ce-420b-839d-92c48f02706a/Apple+Health+Mockups+%283%29.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/74de6b34-6ab4-4a9b-8ff4-80374c3f781f/Sketches+%282%29.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/b77c50f4-235c-4552-bda7-e2974b9e60d9/Task+2+User+Test+Notes.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out As you can see, the “Add a Goal” browsing page is almost entirely comprised of pink sticky notes. Something there wasn’t working. People were confused about where to look for the Water goal, and expressed frustration that such an “important” goal shouldn’t be hidden away in an unintuitive place. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/3ee3bedc-10d4-40d7-afff-6b8a366ab7e0/Frame+18.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/374deb59-418d-475d-8a22-fd399acee2de/Frame+17.png Work - Mobile Feature - Apple Health Goals Tracking - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://hannahtamminga.com/home/responsive-website-national-mustard-museum monthly 0.5 2022-04-08 https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/666d8bae-106c-4666-af59-2fb41c3b18bf/MM+Headline+Banner+%281%29.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/89515a0f-2386-4c76-a421-1d01510d089c/Mustard+Museum+Exterior.jpg Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/59b55011-275c-4882-b827-af7b1984dfb1/Interview+Notes+%281%29.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/70423034-b10f-47ef-95c6-5c95d8fe0dae/Mustard+Competitor+Analysis+2.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/e1439c80-e7cb-4b41-80bf-8a2aade55e78/Persona.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/4d57823d-5141-466e-be94-3349ea62458e/Site+Map.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/6c6a5f4c-84a5-4356-90e0-e3e5c78afd6c/Similarity+Matrix.png Work - Responsive Website - National Mustard Museum - Make it stand out Similarity matrix created from results of Optimal Workshop study, showing which things were often grouped together by 4 participants. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/f9630cd5-d27e-4ca7-8dcc-f4b7043b5cf5/Customer+Journey+Map+%281%29.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/e653978a-e0ed-4169-affd-2fcc1fd45c0a/MacBook+Pro+14_+-+1.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/c6fcd37c-a30a-4b80-a3c6-413a3805f830/Shop+Page+Section+1.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/8c9589c6-b9e1-4de2-823d-d4f8a8dea9de/Sketches+2.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/78d344bd-55a8-4b08-bf39-e3703549d3c4/Sketches+1.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1717acb7-fdb3-4ca5-ae91-c4ae93eb8ce3/Home+Page+Mobile+Screens.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/a59f8da9-378d-4e6f-80b7-9b07cb5b96d7/About+Page+Section+1.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/a8a0eae6-6e49-4d63-8f4e-d63559ed1953/Home+Page+Desktop+Full.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/863ec2a2-7750-4687-89a1-89e74782e540/Shop+Page+Section+2.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/fbbd5d7e-6785-4daa-aebf-bd852e3fe956/About+Page+Section+2.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/36ad0a02-5353-4c26-97dc-ab5d6e14bddb/Mustard+Museum+%285%29.jpg Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/21c3a9dc-b7b1-44a5-a88f-a3b34cc46c96/About+Page+Section+%282%29.png Work - Responsive Website - National Mustard Museum - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/a9c5de8e-6a0d-42fc-96d4-64644ccfcf9d/Timeline+Hover+Gif.gif Work - Responsive Website - National Mustard Museum - Make it stand out A better view of the hover action for the new timeline https://hannahtamminga.com/home/mobile-app-non-emergency-medical-transport monthly 0.5 2022-04-06 https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/e46d10ac-6c12-4484-8a3f-4b37311a69bf/Header+Hailo+%288%29.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1f5166de-9a20-4749-a407-d64682d2ee9a/No+Show+Math+%281%29.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/16288d79-c110-447b-a907-66bc2118405b/Empty+Waiting+Room.jpg Work - Mobile App - Non Emergency Medical Transport - Make it stand out Empty Waiting Room https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/4210b46d-21d4-4dab-81b5-3121a454cfe9/Interview+Takeaways.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/20c48ca7-d5b5-40ba-a9fc-857152f32365/Competitor+Analysis+2.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out My key takeaways were that these competitors offer an integration with healthcare organizations for easy scheduling, or autonomy for the patient via an app, but not both. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/b7da7bbf-cceb-4c3c-a0fe-b1fff5244f39/Persona+1.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/6293b6fa-6c71-4bd1-bb21-6677d09a6448/Persona+2.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/6d4f851a-aaa2-41ba-bcc9-86056c50abca/NEMT.jpg Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/479a9a74-a01a-4d60-a831-d43efaae264a/User+Flow+-+Track+Ride.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/a5d45313-1c2f-410e-9e07-85d9a3e3bc4a/UI+Designs+Header+%281%29.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/2b0cdec0-5f29-43e0-93c5-00c7fac3679c/Branding+Hailo+logo.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out App Brand You see I tried some logos that were more on-the-nose, but I landed on a simple but strong text logo. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/39b52494-b6fd-4c69-beda-9ad00ca76b81/Branding+Umbrella+Brand.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Umbrella Brand The simple logo inspires thoughts of life and growth, and the serif text offers authority and seriousness. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/c302d734-cc1b-4a47-b270-e3b433d9065d/Branding+Typography.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Typography Since the app was aimed at least partially at seniors, the typography needed to be easy to read. I landed on Heebo, which is similar in many ways to Google’s and Apple’s default fonts in its simplicity and high x height. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/b939eb08-d114-4a2e-8fec-6d36e9172282/Branding+Color.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Color Palette Green and blue shades are most often related to medical software and apps. For secondary colors, I chose one attention-grabbing contrast and one complimentary blue. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/220b0ef9-ad02-41f9-adad-4ad37648cbe4/Wireframes+%285%29.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1d84f90f-e202-49a5-9ff7-e84ba665c24a/Track+Flow.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/3b7b2341-d597-49ba-8d7e-20813be5a9f2/Mockups+%282%29.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/9b4401bb-eb47-491c-adf7-8e020851dc4a/Return+Ride.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/61415918-7529-4a96-94e2-d508acb26807/Schedule+Flow.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/1bb7f679-b1ac-4a51-9129-a64adb85de89/NEMT+%281%29.jpg Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/ba3e00e7-612d-470c-a3db-aab7c26169c2/Task+1+Testing+3.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/f6cc9e0f-6c50-48b6-ad23-5315f5a51195/Task+1+Testing+1.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/26d454de-808a-4312-8bfe-75367935f855/NEMT+%282%29.jpg Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/13b963fe-20aa-4f94-b66b-70ade26ab22c/Task+1+Testing+2.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/60afb85225be0a531143180b/ea07632e-7ce7-4453-9ed7-637eaee1d935/Task+1+Testing+4.png Work - Mobile App - Non Emergency Medical Transport - Make it stand out Whatever it is, the way you tell your story online can make all the difference.