An e-commerce website was going through a re-platforming effort to modernize its products. They required assistance in redesigning their sister sites, which were receiving a top-to-bottom rebrand.
The client bridges the Tech and Automotive industries to supply consumers with the tools they need to research and find their next car. With their current resources’ full attention on the primary site and application, Saggezza was able to step in and lend a hand. We were initially requested to provide wireframes for the website but proved to be a strategic partner that brought larger value by considering the full product cycle.
Through collaboration with the client’s engineering team, Saggezza played a large role in the creation of a styling-agnostic design system, a new design/development hand-off process, and modernization of design tools from Sketch, Zeplin and InVison to Figma.
We had a great experience with getting help for our design team. Saggezza experts delivered tremendous value and assisted the team with technology transformation and replatforming. Great job, Saggezza!
~ Vitaliy Kuznetsov, Senior Director of Product Management
This re-platforming required all hands on deck, leaving the client’s sister sites without the resources they needed. Since over 70% of the client’s users access the site from a mobile device, the need for a proper upgrade was evident.
After the initial designs were completed, Saggezza needed to gain a deeper understanding of their needs, which required asking strategic questions, such as:
Saggezza played a major role in the following processes: visual design, design and development communications, and design tool modernization.
By utilizing the existing brand guidelines, Saggezza focused on taking the sister sites from the “concept” stage to the fully realized sites with design libraries. As sites with less traffic/revenue, Saggezza had the freedom to innovate and try new ways to approach the design and development handoff process. The product of this innovation was a styling-agnostic design system that is used on both sister sites. It worked as a proof of concept and has the potential to be rolled out for the entire organization in the future. It was a big departure from the sister sites’ previous handoff processes. Before this, designers had to build features without a design system in place, which resulted in multiple engineers creating new code for the same design solution. With only high-fidelity designs to reference, developers had difficulty discerning which section of the page was being referenced in the feature request.
By collaborating with the client’s engineering team, developers were now able to focus on a mobile-first approach with separate wireframes to reference structure/content and visual design. This allowed the backend and frontend developers to focus on what mattered to them.
During our time there, a “Figma transition team” was assembled. Their job was to transition all of the client’s Sketch files to the new design program called Figma. Saggezza was a contributing member of the group and took charge of the sister sites’ transition. In doing so, we established consistent organization and documentation processes that aligned with the rest of the client’s sites.