Workgrid
My role on the Workgrid marketing site started as a frontend engineer and evolved into being the sole contributor for my remaining work on the engagement.Note: this GitHub repository is private
Workgrid's marketing site has product demonstrations, ROI calculators, and expansive lists of integrations.
Within my role as tech lead, I was tasked with developing a few large features for their site.
ROI Calculator
Workgrid's ROI calculator leads the user through multiple steps.
Upon navigating to the page, the calculation field is auto populated with a value
The user can either proceed with the placeholder value or enter in the appropriate value based on their company size
The user is then prompted to fill out a Marketo form before viewing a detailed report allowing Workgrid to collect marketing contact information
After filling out the form, the user is routed to a detail report page where there is information provided on how the calculations were made
Finally, the user has the opportunity to download a styled PDF with the output from the ROI calculator
This calculator integrates custom styling, Marketo forms, and react-pdf renderer to create the final user journey.
Integrations Listing Page
The Integrations Listing page includes search, filtering, and various views for interacting with the cards.
These filter categories can be updated by content editors for ease of use and scalability.
On the first page, the user is presented with a Popular Apps section in which content editors can highlight featured integrations. This section does not render once a filter has been applied or once the user paginates to a later page.
