Carrie MacDonaldUser Interface Developer

Urban Green Lab

Urban Green Lab home page
Urban Green Lab homepage content callouts
Urban Green Lab partners grid
Urban Green Lab recent news blocks

Live site: https://urbangreenlab.org/

Overview

The Need

Urban Green Lab needed a modern-looking site to display their existing content and offer a way to add new content without needing to know code.

The Process

The UX person on the team created page template designs in Sketch. I wrote out a list of the templates and made note of any components that could be repeated.

I worked with another developer to speed up the site build, since many of the components could be built in parallel. Since the project had a quick turn-around, the other developer and I coordinated our work in a Slack channel - using a list of components and pages instead of Jira tickets.

The new site’s design and functionality were simple enough that it made sense to use the WordPress page builder plugin “Beaver Builder”. The other developer and I were able to save page sections and components which we could then use to “stamp-out” new pages.

Beaver Builder presented some challenges when styling: like making overlapping (but still responsive) content blocks and patterned block edges, but overall it helped to build the site quickly and easily.

To keep the site build extra lean, the other developer and I pitched in with: editing images, transferring content from the original site to the new site, and manual cross-browser QA testing.

The Result

Our team finished the site with enough time for a final round of internal QA testing and content edits before a scheduled promotional event. The client was thrilled that this site project met that deadline.

After the event, our team continued to refine the site - making a few style tweaks and adding a few more page sections. One of my team members then trained the client on how to enter content and officially handed off the site.

Tools Used

  • WordPress
  • Beaver Builder

My Role

Contributing Developer

More Projects

Back to the home page