WESTSIDE INVESTMENT MAP

interactive map

wsmap1

Client

Atlanta Food Bank, the Blank Foundation, and residents of the Westside communities.

Target Users

Atlanta Food Bank, prospective Westside grant recipients

Tools

Illustrator
Pen and Paper
Javascript
HTML/CSS
Google Docs

Team

Public Design Workshop

CHALLENGE

There isn’t a way to track funding distribution in Atlanta’s Westside communities. As a result, residents who want to apply for that funding can’t see where funding has already gone and can’t differentiate their initiatives.

SOLUTION

An interactive map of investment initiatives in Atlanta’s Westside neighborhoods allowed prospective grant recipients to view funding distribution and therefore more effectively propose projects for funding.

All core functionality revolved around meeting this user need.

Filters

The map had many filter options to facilitate this process.


On Hover

This tooltip that appeared on hover showed a snapshot of information to allow residents assess whether filters should be adjusted, if the item should be explored further, or if other items should be explored further. This information included each projects’ organization name, project title, funding source, funding amount received, sector, and participants.

On Click

This infopane that appeared onclick showed more in depth information about a project receiving funding. This information included all information shown in hover mode and added the project description or images.


About Page

Shows the context of the map in the ongoing history of the neighborhood, noting its importance and relevance. I created and edited content for this page, carefully representing underserved neighborhoods in a way that honored the neighborhoods’ history while representing the Atlanta Food Bank’s (and, by extension, the Blank Foundation’s) goals.

PROCESS

Process

We divided into five teams and cycled through three stages of our design process:

  1. Explore, where we iterated aggressively in low to medium fidelity wireframes and met weekly to present teams’ work and receive critique. This stage lasted anywhere from a few weeks to a month. Each time we embarked on this process, design constraints narrowed.
  2. Feedback, where we presented to our client at the Atlanta Food Bank and received direction. We adjusted, honed, and cut designs based on client feedback.
  3. Implement, where UXers teamed up with developers to implement our designs in collaborative sessions. Development happened equally outside of meetings and during team meetings.
Untangling Knots

Six weeks from the delivery deadline, the project was far behind schedule. It was clear this was due to inadequate platform choice and a lack of communication between teams which led to repetitive designs.

I took charge, implementing weekly meetings to facilitate communication and assign tasks between teams as well as writing and sending meeting minutes to all team members.

As a result, we quickly moved to collaboratively solve obvious issues and delivered the project on-time to our enthusiastic client.

Final Deliverables

At our final client meeting, we presented Atlanta Food Bank with both cohesive documentation for continuing grant data addition and the fully functioning interactive map website.

A selection of wireframes exploring various community engagement features is included below.

Wireframes Exploring On Hover Tooltips
Wireframes Exploring Project Update Feeds
Wireframe Exploring Project Update Form
Prototype4
Wireframes Exploring Update Feed Experience
Wireframes Exploring Ancillary Project Pages
Wireframes Exploring Visualization Interactions

FUTURE WORK

  • Expand print and save options
  • Explore social sharing options
  • Hone data entry options so that data can be easily and securely managed

© 2018 Jessica Lewis | Portfolio