Skip primary navigation?

Berklee College Campus Map

Berklee College approached me to build a new campus map using the Google Maps API. Their implementation required that we allow for each building and location of the campus to have its own photography, video, and custom panoramas, and that the end result could be self-contained and portable into Berklee’s Drupal-based environment.

Also: Google Cloud, HTML5, JavaScript, Sass.

Berklee’s campus map is a self-contained JavaScript application built with the Google Maps API. JSON defines buildings and markers, including their photographs, videos, galleries, panoramas, and custom icons, allowing Berklee’s developers to supply content from Drupal without coupling the application to that CMS.

Also: Higher Education, Arts + Culture, Education.

Higher education encompasses colleges, universities, and affiliated institutions providing advanced study, research, and professional preparation. My work includes campus resources, university arts programs, academic publishing initiatives, and student literary journals.

Also: Interaction Design, UI/UX Design, Web Application Development, Web Design, Web Development.

I designed and developed the campus map’s interactive experience around the places and media Berklee needed to present. The work connected map navigation with a flexible content model, producing a portable browser application that could accommodate new locations without changes to the application code.

Campus Map

A portable map with rich location stories.

Berklee College launches new JSON-driven dynamic campus map for their Drupal platform.

Data drives the experience

A map that travels with its content.

To this end, I delved deep into the Google Maps API to create an entirely JavaScript-driven solution that rendered the campus map from a JSON file, which Berklee’s developers could populate with their own content from within the Drupal CMS. Each location in the JSON file could be rendered by the application as a building geography or map marker.

I allowed for custom icons, galleries, panoramas, and videos to be associated with each node in the map, so that new buildings or locations could be added without having to modify the app itself.

I would trust Daniel in a heartbeat with any design or programming project… he is a pleasure to work with, incredibly skilled and creative.

Howard Stelzer

Record Producer — Intransitive Recordings

No one Can Do it All

Good thing I know the right people to call.

When you hire me, you gain access to a private network of digital specialists. Each freelancer owns their own business, and I’ve personally worked with each of them over the years.