Indeed Marketing Web Modules

We art directed and implemented a robust set of agnostic modules that are being used to create all sorts of marketing web pages. This project is ongoing and requires working closely with multiple teams within Indeed as well as being super agile with many moving parts and constant changes.

Initial designs by Fantasy
Direction by Alex McAreavey, Max Sydenham, and Miles Gilbert

Indeed-Marketing-Web-Modules-Hero-Collage-2

My role

I was onboarded into this project after the initial designs were created by our agency partners. I took these designs and worked with accessibility experts to make necessary changes and then built out the entire system in Figma - which continued to require many updates throughout this entire process.

Concurrently, I worked with the Enterprise and SMB teams to mock-up and prototype their web pages so that we could put them through user testing and so that we could make changes based on feedback. In the page development process, I worked with our agency partners to give direction on visual assets and newly requested modules. I was also responsible for seeking approval from many teams and delivering final assets.

Lastly, I worked closely with our team of developers in order to explain the nuances of each module and help to QA review their work.

PROBLEM STATEMENT

Marketing web pages at Indeed have long been created as one-offs over the years by different designers which have resulted in a fragmented overall experience. There has never been a singular, tight system before - and this is what we set out to make.

Project Goals

1

Make it easier for the Enterprise and SMB teams, marketers, and developers to create landing pages for products, events, and more.

2

Implement Indeed's new brand guidelines while finding smart ways to expand on them.

3

Anticipate future content needs with the design of the modules and their features.

4

Reflect Indeed's commitment to diversity and inclusion by prioritizing accessibility by adhering to WCAG guidelines.

APPROACH

We wanted to build a steadfast system that would last us for the foreseeable future, but we also made sure to leave room to build upon what we've made. Because we knew that our work would need to evolve over time.

There were lots of moving parts by the time I was brought into this project, so our team had to figure out a way to organize internally. So we created spreadsheets to track visual assets and other design requests.

I also shared my Figma files with key members of this project to promote transparency and it proved extremely helpful in letting everyone stay up-to-date on the latest.

PROTOTYPING

Using the Figma team library I created, I was able to efficiently mock-up and prototype pages for reviews and testing. When edits were made to the modules in the team library, I was able to push those updates into the files.

Learnings

With a project this complex, there were bound to be curveballs and blockers. So it wasn't surprising when we received some pretty significant feedback in the middle of the production of modules and pages which complicated my team's timeline.

My team and I regrouped and devised a phased approach in order to meet the major deadlines of this project where the scope seemed to be ever-expanding.

I learned to be more agile and with the help of my producer and design manager, I was able to focus on prioritizing and strategizing.