I created a modular web design system in close collaboration with Indeed's Wordpress team.
- 2020
- WEB DESIGN
Prior to using Figma, my team was designing custom web experiences for all stakeholders. The result was a slow process and an inconsistent experience for our users.
As we adopted Figma, the use of auto layout opened up new possibilities. One of which was the creation of a modular system in Figma that designers could use to quickly design consistent web experiences. I worked with various stakeholders to create the modular system to vastly improve our workflow.
THE PROBLEM
The way we had always worked was for stakeholders to come to us with their web design request. They would provide copy which was often ill-thought out or too wordy. A designer would then design a custom page or site for the content before handing it over to devs who would build it.
This system was extremely time consuming for all involved. Meanwhile the end result was often an inconsistent experience for our users.
PROJECT GOALS
- Make it easier for the Enterprise and SMB teams, marketers, and developers to create landing pages for products, events, and more.
- Implement Indeed's new design system while finding smart ways to expand on it.
- Anticipate future content needs with the design of the modules and their features.
- Reflect Indeed's commitment to diversity and inclusion by prioritizing accessibility by adhering to WCAG guidelines.
THE SOLUTION
I worked closely with our Wordpress team to come up with a modular design system. Essentially web modules were designed in a templatised system in Figma. The same modules were then built in Wordpress
Stakeholders could use the modular system to help tailor their content. Designers could use the system to easily select a suitable module for each piece of content. Developers could then simply pull together the same modules in Wordpress, quickly building out the full page/site.
The result was a massively improved process. Every step was many times faster, while new pages/sites were better thought out and far more consistent.
