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 designers, developers and stakeholders to create web experiences for products, events, and more.
- Reduce the overall amount of pages by embedding relevant info within individual job post pages.
- Create a cohesive experience by pulling from the new brand guidelines as well as the indeed.com product.
- Reflect Indeed's commitment to diversity and inclusion by allocating an entire page for that content.
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.
