Zoba has a great engine to predict spatial events in cities,
but when they needed to sell their product, potential customers remarked on the design more than the functionality. They needed a design upgrade.

Proposal

Zoba needed to redesign their web application to match the innovation of the algorithm behind it. I proposed changing their color scheme from light (which I unfortunately don't have a image of) to dark as inspired by some of my favorite maps. I also made a plan for all the additional layers that would have to be displayed to give the viewer context.

Symbol Exploration

A major part of my job was to decide on the optimal symbology for all the layers. I worked in Mapbox and Carto to create a custom basemap and symbology for the points, contour lines, and areas that Zoba wanted to show, ideally all at the same time. I tried many combinations and some are shown here. One of the biggest changes was chaning the predition symbols from circles to squares that would lie below the rest of the map information. I worked in python to make a first implementation of the square symbology.

Interaction Mockups

Besides the symbology, I also made a plan for the interaction panel. I assessed the tradeoffs between making it understandable and easy to use with providing the users with all the customizability they would want. The users would need to select the city, which layers to make visible, and filter the numerical layers.

Current Status

Zoba implemented my suggestions and became quite successful pitching to all sorts of companies and government organizations. The following image is the current mockup they present on their website.