Nonprofit Digital Communications

last person joined: one year ago 

For those doing digital strategy work, including written or multimedia content for nonprofit websites, social media, and e-newsletters. This group is for those digital communications folks who create written or multimedia content for websites, social media, and e-newsletters for nonprofits. Members will discuss topics such as social media trends, digital analytics, developing content, storytelling, planning and resources, content strategy, and more.

Interactive Map examples

  • 1.  Interactive Map examples

    Posted Jan 23, 2020 10:59
    Hello all

    We are aiming to revamp the "Where We Work" section of our Wordpress website this year. Right now what we have is pretty plain -- a static map graphic with a list of countries below. https://www.r4d.org/about/where-we-work/

    We would like to turn this map into a more dynamic display that shows not just countries that our organization works in, but also different types of projects and levels of engagement we have in each country.

    I am seeking examples from the NTEN community of interactive world map designs that you like or from your organization (it can be from any sector. The examples do not have to be from a nonprofit). Bonus points for examples in Wordpress, and for examples that relate closely to what we are looking to do (map of countries where an organization works and projects/engagement).

    Thanks

    ------------------------------
    Redante Asuncion-Reed
    Washington DC
    ------------------------------
    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 2.  RE: Interactive Map examples

    Posted Jan 24, 2020 09:58
    My former organization has this one:

    https://www.legalmomentum.org/materials/pregnancy-rights-map

    That was built before I was there, however I think the basis of it is
    similar to one we created while I was there, related to our anti-human
    trafficking work. The latter was fairly simple. I'm not sure if it's
    still on the site, though. We used free, open-source stuff to do it.

    Jean


    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 3.  RE: Interactive Map examples

    Posted Jan 24, 2020 11:12
    Hi Redante,

    Ohio Access to Justice Foundation (formerly Ohio Legal Assistance Foundation) made a map of Ohio's legal aid providers. It is an interactive map with layers for service areas and offices as well as popups for information about grantees and offices that you click on.  The site is a Wordpress site and ArcGIS Javascript API is used.  You can find it here: https://www.ohiojusticefoundation.org/legal-aid-impact/.  Let me know if you have any questions!

    Matt Keister

    ------------------------------
    Matt Keister
    Product Manager
    Columbus, OH
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 4.  RE: Interactive Map examples

    Posted Jan 24, 2020 12:16

    My coworker in the ADA Library just built this licensure requirements map for our members, which lets you view the different qualifications each state accepts:

     

    https://www.ada.org/en/education-careers/licensure/dental-licensure-by-state-map

     

    She built it in Tableau.

     

    Sarah Meyer Hughes  hughess@ada.org
    Manager, Analytics & Innovation
    Center for Professional Success
    312.440.2585

    (pronouns: she/her/hers)
    ________________________________________________________________________

    American Dental Association  211 E. Chicago Ave.  Chicago,  IL 60611  www.ADA.org  Success.ADA.org

     




    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 5.  RE: Interactive Map examples

    Posted Jan 24, 2020 14:47

    Hello Redante,

    We have produced multiple maps in WordPress for our clients. I think the most versatile map plugin is called Mapplic. It enables you to create completely custom map images and overlay content on them as desired.
    https://mapplic.com/

    We have used this with a few of our clients.in a more simplistic capacity:
    https://www.brewpipeline.com/for-craft-brewers/top-100-markets/
    https://www.nagdca.org/data-center/auto-enrollment-map/

    However, if you look at the examples on the Mapplic website you will see it can do quite a bit. The customization capability is what is most noteworthy to me.

    Hope this helps!
    ~Matt 



    ------------------------------
    Matt Koeppel
    Principal
    Hartland, WI
    www.ocreativemarketing.com
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 6.  RE: Interactive Map examples

    Posted 29 days ago
    Hi Redante,

    You've got some great examples in the thread here, so I'll just offer a few things to think about as you consider your different options.

    • Do you want to show address-specific dots, or light up specific countries or regions?  Or both?
      • Side note: We built this map (http://dcp-3.org/country-work/overview) a while back and there were several countries that the client actually asked us to change the names of, due to sensitive cultural/territory issues and/or the tool we used might have been behind in updating their data.  Especially if you're working in a dynamic part of the world, either double-check country names or be sure you can rename them if needed.  (I wasn't expecting to have to rename countries!)
    • Do you want to pop up some text when people click a dot or highlighted region?  If so, is a bit of text and a link ok or do you want to be able to include photos or even videos in the popups?
    • Will you have different categories that you might want to show in different colors or patterns?  Or all the same?
    • How often will the data be updated, and by whom? Some of these options are simple to manage and others can be pretty complex
      • If your partner countries don't change that often, a suggestion for keeping the map changing and interesting would be to highlight countries with recent news or event updates, or even a non-specific "Partner Spotlight" which you could change from time to time.
    • How important is it that your map work on mobile devices?  Many maps rely heavily on scrolling and zooming which can sometimes be confusing on mobile (am I scrolling the map, or scrolling the page?)  Alternatives include hiding the map completely on mobile, or showing only a static map (similar to your current) and offer the list of countries as the primary method.
    • Cost is always a consideration, but there are many free or very low-cost options, and based on what you've said so far you probably don't need to consider anything expensive.

    Just a few things to keep in mind when evaluating.

    Good luck - and show us the finished product!

    Nate


    ------------------------------
    Nathan Gasser
    President & Executive Chef
    Report Kitchen
    :::
    A more delicious way to publish your
    project, policy, and research reports.
    :::
    http://reportkitchen.com
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 7.  RE: Interactive Map examples

    Posted 28 days ago
    We've got this one: https://malt.org/where-we-work/

    We worked with Mission Minded to partner with developers to create this. It's one of our most visited pages on our website.

    ------------------------------
    Peter Fugazzotto
    Point Reyes Station, CA
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 8.  RE: Interactive Map examples

    Posted 25 days ago
    Edited by Sarah Braker 25 days ago
    Our team of designers and developers at Firefly Partners recently completed this map for Equal Rights Advocates' new policy hub WordPress microsite. https://policyhub.equalrights.org/policy-library-map/

    ------------------------------
    Sarah Braker
    Marketing Manager
    Firefly Partners
    sarah@fireflypartners.com
    720-534-0553
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 9.  RE: Interactive Map examples

    Posted 25 days ago
    Thanks to everyone who responded with excellent examples! I am thrilled to see the creative and great examples that people have given. These are a great source of inspiration for what we are trying to do.

    ------------------------------
    Redante Asuncion-Reed
    Washington DC
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline


  • 10.  RE: Interactive Map examples

    Posted 12 days ago
    Hi Redante, interactive maps are so much fun. I saw someone below raised some very good thoughts regarding if it should work on mobile, how often data needs to be updated etc and I support all of that. Disclosure: I run Wire Media, a user experience design firm that specializes in visual storytelling, so we think about maps and interactive graphics a lot.

    One of our clients, The Solutions Project, has data that shows what a clean energy mix powering 100% of everything could look like in 2050 for cities, states, countries, and the world. We developed an interactive map for this that lets you explore all the different regions and see what the energy mix looks like for each. Each region also lets you download a PDF version of the infographics. This data does change every year or so., and it would be a LOT of work to update all of those PDFs every time. So we built this in a way that lets someone simply upload a .CSV file with the new data. New data then replaces the previous data throughout each region of the map, and also for all of the PDFs ... automagically, as they say. It's a huge time-saver. This website is on Wordpress as well.

    In this example, a digital impact report for Women's World banking, if you scroll down a bit you'll see a simpler map that has a popup for cities where they have projects. The popup has some info about the projects and a link to more information offsite.

    I'm happy to answer any questions about how these were built and hope these examples are useful.

    Cheers!


    ------------------------------
    -------------------------------------
    Marcy Rye, Principal
    Wire Media
    http://www.wiremedia.net

    marcy@wiremedia.net
    @wiremedia
    310-955-4900 ext.1

    -------------------------------------
    We design cutting edge digital tools that enable nonprofits to grow and prove their impact.
    -------------------------------------
    Check out our new Nonprofit Impact Reports for fundraisers and communications leaders.
    ***
    Wire Media is a certified B Corp. B Corps use the power of business to solve social and environmental problems.
    ------------------------------

    2020 Nonprofit Technology Conference Logo  w/ Baltimore Skyline