Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

City of Boston case study blog post #3583

Merged
merged 2 commits into from
Jan 18, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
title: How Boston.gov used Gatsby to be selected as an Amazon HQ2 candidate city
date: "2018-01-18"
author: "Sam Bhagwat"
---

[Boston.gov](http://boston.gov) is a small team with a huge responsibility: ten people tasked with the digital presence of New England’s most iconic city.

Today, the team and the city scored a huge victory when Amazon announced that Boston was [selected as one among 20 candidate cities](https://www.amazon.com/b?node=17044620011) for its North America HQ2.

![Amazon Boston homepage](./amazon-boston.jpg "Boston city")

When Amazon announced in September that it was looking to build a new headquarters, bringing 50,000 jobs and billions of investment to the chosen city, Boston’s city government jumped to throw their hat in the ring.

As a technology hub, the city wanted to put their best digital foot forward, so they turned to the Boston.gov team to build a website as the city’s application — [amazon.boston.gov](http://amazon.boston.gov) .
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Curious whether capitalizing Amazon in the URL would make sense. I googled this and many people argue about whether to capitalize proper nouns in URLs haha. Sounds like it doesn't really matter. It just caught my eye since normally Amazon and Boston are capitalized. It should probably stay how it is in lower-case, but something for me to figure out in the future.


With a compressed application process, the Boston.gov team had a week and a half to build two websites -- a public-facing site, as well as a password-protected site with additional information.

They needed tools that let them get off the ground immediately, iterate quickly, and build something beautiful -- so they turned to Gatsby.

![Amazon Boston homepage](./amazon-boston-3.jpg "Mayor Martin J. Walsh")

"Within 10 minutes, we had our environment set up, with the website building and deploying,” said Matthew Crist, lead engineer for the project.

With Gatsby, the team was able to complete the website from basic comps in around a week, compared to about a month for similar projects in the past. “We generally haven’t been able to do anything as fast,” Crist said.

As an engineer, Crist really appreciated Gatsby’s out-of-the-box hot reloading support.
“The fact that you can save your code, tab back to your browser, and see the change sped up development so much,” Crist said.

And the whole team appreciated Gatsby’s support for component libraries.

“We were able to use our pattern library that we’ve built for Boston.gov,” said Crist. “Our city’s website is nothing but components, stacked together to create a page. [amazon.boston.gov](http://amazon.boston.gov) is the same.”

“Our pattern library has already been A/B tested, and stakeholders are already bought in,” said Crystal Torman, an economic development advisor for Boston, and the project’s internal client. “We could make just one decision about website styling and then spend more time drilling into the content.”

"Crystal and I were probably on the phone straight for two days, giving feedback,” said Reilly Zlab, the product manager.

“Normally we don’t do so many iterations in such a short time,” laughs Torman.

![Amazon Boston homepage](./amazon-boston-2.jpg "Boston city")

The iterations paid off.

"Both internally and externally we’ve heard overwhelmingly positive feedback,” Torman says. "People here love the website."

Apparently, so did Amazon.
5 changes: 4 additions & 1 deletion docs/blog/author.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -62,4 +62,7 @@
bio: Lives and works in Provo, UT doing UX research for GatsbyJS, music teaching / performance, and keeping up with her dog’s Instagram fans @dgtrwatson. Her background is in persuasive writing & speaking and she enjoys teaching college-level writing courses on the side.
avatar: avatars/shannon-soper.jpg
twitter: "@shannonb_ux"

- id: Sam Bhagwat
bio: Bay Area adoptee. Programmer, econ nerd, startup enthusiast
avatar: avatars/sam-bhagwat.jpg
twitter: "@calcsam"
Binary file added docs/blog/avatars/sam-bhagwat.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.