BACK STORY
Taking over...
When our team came on board, a third party had designed the components to 80% of completion but needed the polish of our team to really make them shine.
DOCUMENTATION
Use cases, best practices, and technical specs
After our team finished the components in Figma, I was tasked with creating the documentation for each component. This system guide would be referenced by designers, managers, and developers.
THE CHALLENGE
Multiple sources of truth, breakpoints, and the app
KEY TAKEAWAY
Looking back, as we began the hand off process I would have made earlier efforts to establish and maintain constant communication with the development teams. I believe this would have prevented some of the rework caused by details falling through the cracks.
IMPLEMENTATION
Building 104 web pages
After our components were completed in Figma, the development team began building components in Sanity. From there our team started building the individual pages using the component library.
SHIP IT
Audit & hand off
As our team built out 104 websites using the new components and real-world content, myself and one other team member were responsible for auditing components. Our goal was to identify visual and functional issues across both web and app.
Frequent collaboration led to issues being resolved quickly and with accuracy to prevent rework. This allowed the rest of the team to focus on building the web and app pages with minimal issues.
