🏠 Home Screenshot of Narratives Inc Website. Interactive map showing serveral clustered locations and pins showing individual locations.

Narratives Inc.

  • Agency project
  • Prismic CMS
  • Headless
  • MapBox API
  • Vue / Nuxt
  • Filtering

I built the Prismic CMS website in Vue for Narratives Inc, an organization engaged on the path to reconcialiation "from the place where the Red meets the Assiniboine, within the traditional territories of the Anishinaabe, the Cree, the Anisininew, the Dakota, and the Dene peoples, in Treaty 1 territory, and the homeland of the Métis".

Some interesting challenges included filtering by multiple topics on the Journal (I really like this UI design of multiple queries with removable sticky notes!), and creating a style-transforming category navigation on the Services Section.

The BIGGEST dev challenge was the interactive map to visually demonstrate the scope of their Projects. Using the MapBox API, I coded a completely custom, multi-filterable map view. On the CMS side, each project is assigned x and y coordinates using Prismic's Geopoint field type, which I used as geojson in Mapbox to assign positions.

With the exception of the GSAP scrolling text animations found on the home, about, and career pages, I coded all aspects of this website.

I'm proud of the work I've done on this project, and the fact that my tech know-how can be used for important social movements.