Support Your Shops is a directory of small businesses. The website was designed for businesses in Rockport and Gloucester Massachusetts, where I grew up. This was made at the beginning of the shut downs from covid-19 in March 2020.
There are many small, family owned shops in my home town that rely on foot traffic. I was worried about the security of these businesses and wanted to know how I might be able to support them from afar. I realized there was no central place on the internet where I could figure this out. The closest thing was individually visiting the website of each business I was interested in. But many sites were outdated and I found that I couldn’t easily remember all the businesses that existed anyways.
I set out to build a directory to solve some of these problems. Users could see a list of businesses and filter by location and type. Each business would have some key relevant information about itself, such as their website and how to order online at the moment.
I wanted to get this out really quickly because I knew businesses needed all the support they could get. I decided to take a no-code approach with Bubble. Technically, this was fairly simple. I created a database of businesses, each of which has a number of attributes such as location, category, and website url. I then set up an intake forum to feed this database so that the information could be crowd sourced. Lastly, was setting up a way to display these businesses based on different filters.
I was inspired by looking at a number of other directory based sites. A handful of different job boards provided great examples of how to layout an information based product like this. In the end, I decided users would want to be able to scroll through clean, informative cards for each business. They could see all businesses, filter by location, or type. Each card would tell them where the business was, what it was, and if there were delivery options. It would also display links to the businesses’ website, online store, and gift cards.
The biggest takeaway from this project was one I have come to again and again. Simple is better. Shortly after building this, my town started distributing a spread sheet that was updated regularly and was only marginally less useful than this website. Later, for other cities, I began to see airtable spreadsheets, which can be filtered and sorted in the browser. Those are two solutions that are much easier to implement and provide a very similar experience.
Still, I enjoyed learning about Repeating Groups in Bubble. These are the abstracted objects that allow me to, for example, load all shops where town == Rockport. Knowing how to build this quickly opens up a lot of other options that require catalogs of some sort. Job boards, shops, etc.