The design streamlined Microsoft Store's technical implementation process when migrating current survey experience to AEM. By breaking down to multiple steps, the survey template empowers content authors to tailor each survey section effortless with efficiency in AEM.
Product design,
Data migration,
UX infrastructure,
A11y SMEs,
Content authors,
UI engineers
A11y SMEs,
Content authors,
UI engineers
After meeting client to clarify the project scope and confirm design requirements, I understood the main business goal was to improve current survey experience, content creation flexibility, and integrate a visual progress indicator when implementing migration content to AEM platform.
By integrating modular architecture with Microsoft Store's design system's existing library components, I created reusable survey components to improves front-end efficiency and back-end authorization flexibility efficiency. Survey participants will be asked a stack of questions with dynamic feedback visual progress indicator responed as the flow proceeds.
Mapping customer journeys and potential design opportunities by using the Jobs-to-be-done (JTBD) framework , I scoped AEM migration roadmap with multiple stakeholders alignments.
External stakeholders
Internal stakeholders
I coordinated meetings with accessibility SMEs and AEM architect for initial WCAG principles and technical feasibility considerations. I also analyzed survey content, data structure, and component inventory to understand current survey experience and website data architecture to facilitate my design roadmap planning and AEM migration strategy.
Based on design requirements and analysis takeaways, I scoped modular survey template architecture to improve front-end data performance and back-end integration efficiency to enhance content creation flexibility.
To ensure accessibility compliance and data quality, I worked closely with engineering and accessibility SMEs teammates to incorporate input validation to help survey participants provide accurate information at each step with full completion.
The design currently has been handed off to engineering team for next phase of AEM migration planning with client acceptance. This survey experience also got highlighted on internal documentation catalog website to showcase design scalability and brand awareness of Microsoft Store's design system.