https://www.amyackermanux.com/contact daily 0.75 2021-07-18 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1f1d165e-e869-42bc-832e-461ab1f5195e/Artboard+2+%281%29.png Contact - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.amyackermanux.com/coola daily 0.75 2023-05-31 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626646019705-D74I3IJ5SCIBG1LBFRA9/Coola%252BSitemap.jpg COOLA - Process We began with discovery sessions to understand the typical customer, with their goals and pain points. We also gathered stakeholder insights about the current site and the impending expansion. With all the information gathered into one strategic approach, I drafted an IA and content hierarchy for the new site. I built template wireframes off these informational requirements and prototyped some preliminary interactions before handing the files off to our visual designer. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626628750993-CXZIBCL0XM1SC6B7Q91N/COOLA+Wireframe.png COOLA - Team and Tools I collaborated with a UX Strategist, a visual designer, and a lead designer on this project, and I acted as a resource for the development team. After initial sketches on paper, we wireframed, comped, and prototyped in Adobe XD. The finished site was built on Shopify, using an existing theme. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626628620962-84DDBDDANTG050VMB23J/FireShot%2BCapture%2B005%2B-%2BCOOLA%25C2%25AE%2BSuncare%2B-%2BHealthy%2Bsuncare%2Bpeople%2Blove%2Bto%2Bwear%2521%2B-%2Bcoola.com.jpg COOLA - Results The client saw a boost in direct sales, education, and engagement. The expansion into the new skincare brand was successful. https://www.amyackermanux.com/cost-estimates daily 0.75 2023-06-02 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/6c5d9275-2344-42fc-8f74-e2d0129b18db/3+-+NCCN%2C+_249%2C+NOT+LC%2C+_+160 Cost Estimates - Background This cost estimate tool was designed to let users anticipate their bill for genetic testing before the order was placed, giving them the opportunity to cancel their test if it was too expensive. The outdated design and overgrown content were causing confusion and anxiety in patients, who would then reach out to their doctor. Too many patients calls would ultimately drive doctors to explore other genetic testing services. I uncovered major issues with the flow during a routine A/B test on email subject lines, and I began investigating the issues surrounding this product. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/ca2b60fe-ebce-4a12-b4c2-5ad54ea222ea/Cost+Estimates+UI+Redesign+%2B+Content+Revamp+-+%26l Cost Estimates - Process The first step of the project was fact-finding, including usability studies, provider insights, and an in-depth analytics pull. I mapped out the journey of the existing product, documenting what worked and what needed to change. Next, I compiled a roadmap for the product to grow over the next three years. The updates would begin with a complete redesign of the patient UI and associated content. Collaborating with a researcher, a writer, and a strategist, we built out personas, user flows, and content maps for the product. With content and hierarchy established, I developed low-fidelity wireframes for user testing. Once we incorporated insights from the users and internal sign-off, I upgraded the wireframes to high-fidelity prototypes. After another round of testing, the prototypes were ready for documentation and development. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/2b2f6339-6306-4310-8215-e4da702c30d5/Cost+Estimate+user+flow.jpg Cost Estimates - Team and Tools As Sr. Designer for the product, I led the team of a UX researcher, a UX strategist, a UX writer, a visual designer, and a project manager. We reported out to the product manager for cost estimates. Partway through the project, we resourced a front-end developer to collaborate with the engineers for final implementation. Team collaboration was documented in Miro. Research was conducted in UserTesting. Interviews were recorded on Microsoft Teams. Prototypes were constructed in Figma. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/3deb7f33-db9f-48c1-b6a5-1326f02ae4e4/Frame+1109.png Cost Estimates - Results The new designs performed well with usability participants. Although there was lingering anxiety about medical billing, users were reassured by the promise that the estimate would be honored and by the ability to download it. All users with a $0 estimate said it was clear and they felt no further action was necessary. All users presented with a choice of payment options said they understood the options and were empowered to make the decision. All users in scenarios that required Customer Service intervention said they would call at some point in their flow. Development will commence in Q4 2023. https://www.amyackermanux.com/environmental-lights daily 0.75 2023-06-02 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1623254685787-S48KIWAZUNPRZCBNNJ5L/Group+56.png Environmental Lights - The Process We began with an in-depth analysis at both the B2B and D2C sides of the business. Since those two types of customers had different needs and goals, we mapped funnels for both. With complete journeys for both personas, we mapped the information each customer would need, and then we created the site structure for it. I built out the wireframes from the site structure, then added interactions and basic coloring to test the blended light/dark background we designed. Once designs and annotations were handed to the dev team, I QA’d the navigation and each content block as they were coded. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1623254898070-RPD6S8RE9ZAXUU5I01JB/Env_lights_navigation.png Environmental Lights - Team and Tools As the UX Architect on the project, I collaborated with a Visual Design Lead and the team of developers. After initial sketches on paper, we wireframed, comped, and prototyped in Adobe XD. The finished site was built on Magento. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626627752573-21M8595NXWBBVGQ5C4H8/FireShot%2BCapture%2B004%2B-%2BLED%2BLights%252C%2BDrivers%252C%2BControllers%2Band%2BCustom%2BLighting%2B-%2BEnvironmental%2B_%2B-%2Bwww.environmentallights.com.jpg Environmental Lights - Results For this artistic client, it was important to showcase their work to the fullest. We created a minimalist structure designed to let the images speak for themselves. The client saw an increase in D2C sales with their approachable, interactive experience. https://www.amyackermanux.com/home daily 1.0 2023-09-24 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/e613ecde-cf37-4d2a-861e-3bdcf0ad21f8/Frame+1109.png Home - Featured Project Cost Estimates An outdated product takes a new direction for patients and providers, creating new business opportunities. View project https://www.amyackermanux.com/mygenehistory daily 0.75 2023-06-02 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/5e037e0f-0e9c-4013-9285-49652e63c81c/Frame+5.jpg MyGeneHistory - Background MyGeneHistory (MGH) collects medical history from patients and sends it to their medical provider. The provider’s staff view and print the report for the doctor, who uses it to determine the patient’s eligibility for genetic testing. The development team was due to upgrade the system to a more dynamic setup, so I took the opportunity to update the design as well. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/750e21e9-bb4f-49b6-9fda-c258b156fd5a/MGH+PDF+Research.jpg MyGeneHistory - Process The project started with a discovery phase, where I interviewed providers to chart their process and gather their feedback on the existing PDF. I also met with the development team to gather the technical requirements for the new design. View discovery insights (PDF, 3.19MB) During the design phase, I audited all the content across different versions of the PDF report, including additions that needed to be made. I outlined the content in a hierarchy based on provider needs, which I entered into Figma as a wireframe. The final design steps were to apply color and branding for a comp and to get internal stakeholder feedback. Once the comp had been cleared internally, I showed the new design to providers to get their final thoughts. With a few tweaks, the new design was ready to pilot. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/dd2936fa-2163-4e0a-b9bc-082d1443ffe0/FireShot+Capture+009+-+MGH+3.0.1+%E2%80%93+Figma+-+www.figma.com.png MyGeneHistory - Team and Tools I performed both UX research and design for this project. I partnered with a product manager and developers to make sure that the finished product met all necessary requirements. Prototypes were constructed in Figma. When installed, the finished template will be rendered as HTML and populated with patient data. It will then be converted to a PDF for consistency when viewed on the portal and printed. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/280cda0f-5a48-4828-8362-a7a239d1e5c0/Frame+5.png MyGeneHistory - Results Usability studies showed a better response to the new design. Participants noted improvements to its clarity and visual hierarchy, clearly outlining all important information on the cover sheet. The addition of the “Guidelines” section, showing specific reasons why patients met testing criteria, was popular with participants. The new design is due to move to pilot in Q3 2023. https://www.amyackermanux.com/projects daily 0.75 2023-06-02 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/6ee47f6a-81e9-4a18-8386-6e32fdc9b6a0/%241+-+%24249+homescreen+desktop.png Projects https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/3c66d53e-0f72-4c64-bdbb-58a6f8594eb8/Frame+6.png Projects https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/3797d344-0e06-4203-91be-5899e81cbbc8/environmental-lights.jpg Projects https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1623253205460-06QE0GNPPELB7C6YDEFB/reeds+-+full+page.jpg Projects https://www.amyackermanux.com/reeds daily 0.75 2023-06-02 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1623254282071-0FJRAR57DW4ZOTAY9FRN/Image+from+iOS+%289%29.jpg REEDS Jewelers - Process We started by building a thorough understanding of the users and their goals. Competitive analysis showed what other retailers had accomplished and where they fell short. We mapped user needs to different phases in the conversion funnel, then matched it to the site content needed to proceed to the next step. With a full map of information, we were able to create the site structure and convert it to usable information architecture (IA) and wireframes. With the wireframes approved, we went on to refine the interactions and visual design to create a complete prototype. After testing and refinements, we packaged the prototype with assets and annotations for the development team. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1623254337970-JAPKB4A2GCAJWE0SNQJM/Reeds+navigation+Reimagined.jpg REEDS Jewelers - Team and Tools I was the team’s UX Architect, joined by a UX Strategist, a Visual Designer, and a Lead Designer. We used Sketch, InVision, and Adobe XD, as well as pen-and-paper and whiteboard. The finished site was built on Magento. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1624565840519-2ZJSDEWW9EJHDZZF9G7P/Reeds_Screenshot.png REEDS Jewelers - Results Feedback from stakeholders and customers was overwhelmingly positive. One customer said, “I was so impressed by your website that I came to your store.” We were also honored to win a 2020 Davey Award for Best UX. https://www.amyackermanux.com/roccat daily 0.75 2023-05-31 https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626630398172-ELCH7ZT8UY2JJDKM7QAQ/Roccat+Sitemap.png ROCCAT - Process We led several discovery sessions to build a persona for the typical customer and gathered all internal stakeholder requirements. After the client signed off on our approach, I built an IA to frame the content for the site and define the template we would build. With the IA, we built out the site navigation and page structure for each template. I converted content structures to wireframes and prototyped the interactions. After the wireframes were handed off to the designer, I ran preliminary accessibility analysis to catch major issues before we presented them to the consultant. I worked with the developers to integrate the consultant’s feedback to achieve WCAG 2.0 compliance. Finally, I QA’d the navigation and each module as they were completed to ensure they fulfilled the client’s functional and design requirements. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626645653696-O6HZKYW5TIGZ1HM66H2O/Roccat%2BWireframe.jpg ROCCAT - Team and Tools Internally, I collaborated with the UX Strategist and development team to construct our approach to the site. During the design phase, I also worked with the visual designer from the client's company and a third-party accessibility analyst. After initial sketches on paper, we wireframed, comped, and prototyped in Adobe XD. For accessibility analysis, I used axe DevTools. The finished site was built on Shopify, using a custom theme built with Tailwind UI. https://images.squarespace-cdn.com/content/v1/60c026fc894447090b0825dd/1626631306997-XN1A3RSQQNWV3ECBT702/FireShot+Capture+007+-+ROCCAT%C2%AE+Gaming+-+www.roccat.com.png ROCCAT - Results The client successfully implemented the design throughout their American, European, and Asian storefronts. Feedback from customers was positive. The new site had already grown this year with the addition of new products and initiatives.