01 Navigating Tool Transition
The move of Citi Retail Services library from Sketch to Figma presented challenges given the latter's more robust features, such as auto layout and slot components, crucial for handling the project's complexity.
Navigating this transition required meticulous planning, decision-making, and fostering collaboration across UX/UI teams, developers, and the client to ensure a seamless user experience.
02 Process
In the "Prep for Specs" phase, I began designing and structuring the components in Figma, paying close attention to maintaining consistency and addressing any discrepancies between the Sketch and Figma versions.
Transitioning to the "Handoff Specs" phase, collaboration with UX and development teams was paramount. Through regular meetings and detailed annotations, I facilitated seamless communication, providing insights into design decisions, interaction behaviors, and considerations for responsive design.
Add Beneficial Owners
Built a complex single-page interface utilizing Figma's auto layout and slot component features to create an intuitive and flexible design. Implemented detailed documentation and annotations to ensure seamless handoff to developers and future designers. Collaborated closely with cross-functional teams to ensure a clear and optimized user journey.
Prep for Specs
Handoff Specs
Self Service Resolution
Developed a conversational UI onboarding experience that guides users through a series of screens, building upon each other to create a cohesive and engaging user journey. Incorporated white labeling to seamlessly integrate the experience into multiple client brands.
Prep for Specs
Handoff Specs
Manage Authorized Buyers
Created a complex module with multiple deltas, each with specific requirements for when certain layers should be visible, showcasing ability to work within technical constraints. Developed meticulously detailed notes to guide developers and future designers in implementing the design accurately.
Prep for Specs
Handoff Specs
