Enhancing User Experience: Leading the UX team in conducting empathy-based UX research and usability testing to identify pain points and improve overall user experience.
Collaboration Barriers: Addressing the existing “throw-over-the-wall” culture between design and engineering teams, which hindered effective collaboration and communication.
Design Consistency: Ensuring the creation of consistent design guidelines and a component library to maintain uniformity across the product.
Complex Project Management: Overseeing the end-to-end delivery of “Mimic Cutter,” a web-based video editing tool, while managing various stages from UX research to deployment.
Solutions
Empathy-Based UX Research: Implemented empathy-based UX research and usability testing methodologies, including the creation of empathy maps, affinity maps, and user journey maps to gather user insights. This approach led to informed design decisions that significantly enhanced the user experience.
Effective Strike Teams: Developed a collaborative UX workflow that established ongoing communication and cooperation between design and engineering teams by creating small strike teams instead of siloed groups, effectively improving collaboration.
Design Guidelines and Component Library: Contributed to the creation of consistent design guidelines and a component library using Figma, working closely with engineering to ensure designs were accurately translated into reusable components in Vue.js.
Comprehensive Project Oversight: Delivered “Mimic Cutter” by managing the entire project lifecycle, from conducting UX research and creating Figma prototypes to developing the Vue.js frontend and deploying the application using Serverless Framework, ensuring a seamless and successful launch.