Module 03

Build Your First StoryMap

Apply geographic thinking to create an interactive map-based narrative about a meaningful place. Follow along step-by-step to practice spatial storytelling.

⏱️ ~30 minutes πŸ“Š Beginner Level 🌍 Geographic Skills

🎯 What You'll Build

A geographic story map featuring a meaningful location, demonstrating how to:

  • Frame a place through compelling narrative
  • Integrate geographic context and location details
  • Embed interactive maps that reveal spatial relationships
  • Combine visual media with spatial information

πŸ“‹ Before You Start

Make sure you have:

  • βœ“ An ESRI account (Module 01)
  • βœ“ Basic platform knowledge (Module 02)
  • βœ“ Photos or images of your chosen place
  • βœ“ Geographic details: coordinates, boundaries, characteristics
  • βœ“ A 2-3 paragraph story explaining why this place matters

🌍 Geographic Learning

This lab helps you develop:

  • βœ“ Place-based thinking skills
  • βœ“ Spatial communication ability
  • βœ“ Geospatial storytelling expertise
  • βœ“ Capacity to connect place to narrative

βš–οΈ Evaluation Criteria

Your StoryMap will be evaluated on:

  • βœ“ Narrative Arc: Compelling introduction and conclusion
  • βœ“ Map Integration: Effective use of maps to support text
  • βœ“ Media Quality: High-res images with proper sourcing
  • βœ“ Geographic Depth: Clear spatial analysis or insight

πŸ“š Recommended Reading

Before diving into the builder, we highly recommend reviewing this official guide from the StoryMaps team. It provides excellent context on how to structure your narrative.

Open Guide
Getting Started with ArcGIS StoryMaps Guide
Task 1

Choose Your Topic

5 minutes

Geographic Question: Every place has a unique story shaped by its location, history, environment, and people. Choose a meaningful location and consider what geographic insights you can share about it.

🌍 Environmental & Physical Geography

How natural systems and human activities shape landscapes

  • Local watershed health and water quality mapping
  • Urban heat islands and temperature inequality
  • Invasive species spread patterns and ecological impacts
  • Climate change impacts on a specific region or ecosystem
  • Natural disaster risk assessment and resilience
  • Biodiversity hotspots and conservation priorities
πŸ™οΈ Urban & Economic Geography

How cities develop and economic activities distribute across space

  • Neighborhood walkability analysis and urban design
  • Gentrification patterns and housing affordability
  • Food deserts and nutritional equity mapping
  • Public transit accessibility and mobility justice
  • Economic inequality and neighborhood characteristics
  • Urban redevelopment and community impact
πŸ“œ Historical & Cultural Geography

How history, culture, and place intersect to create unique landscapes

  • Civil rights movement locations and spatial histories
  • Migration patterns and diaspora communities
  • Archaeological sites and cultural heritage preservation
  • Indigenous land histories and territorial sovereignty
  • Cultural district documentation and community identity
  • Oral history and place-based memory mapping
πŸ₯ Health & Social Geography

How location affects health, wellbeing, and social equity

  • Healthcare access disparities and provider distribution
  • Environmental health hazards and vulnerable populations
  • Disease patterns and epidemiological mapping
  • Mental health resources and social support networks
  • Air and water quality impacts on health
  • Food security and nutritional health geography
🌾 Agricultural & Resource Geography

How food systems and natural resources are distributed and managed

  • Farm-to-table supply chains and food networks
  • Land use changes and agricultural pressures
  • Local and regional food systems mapping
  • Water resources and irrigation patterns
  • Sustainable and traditional farming practices
  • Conflicts over land and resource access
🎨 Arts, Culture & Creative Geography

How place inspires creativity and cultural expression

  • Street art/mural mapping and urban creativity documentation
  • Music scene geography and venue distribution
  • Film location exploration and cinematic geography
  • Architectural styles and building history across neighborhoods
  • Festival mapping and cultural event geography
  • Literary geography and author-place connections
🌐 Global & Political Geography

How power, politics, and international systems shape space

  • Geopolitical conflict zones and territorial disputes
  • International development and inequality patterns
  • Border regions and transnational communities
  • Climate migration and displacement impacts
  • International trade networks and supply chains
  • Global cultural diffusion and glocal adaptation
✈️ Tourism & Recreation Geography

How people visit, experience, and impact leisure destinations

  • Ecotourism sustainability and environmental impacts
  • National Park and protected area management
  • Heritage tourism routes and cultural sites
  • Economic impact of festivals and major events
  • Destination branding and place marketing
  • Accessible tourism and inclusive recreation

πŸ“ Geographic Planning Guide:

Before you start building, answer these geographic questions:

  1. Location: Where exactly is this place? (latitude/longitude, region, country, context)
  2. Why it matters geographically: What makes this place significant? (unique features, cultural importance, environmental value, historical role)
  3. Key geographic characteristics: What should readers understand about its location, landscape, climate, or people? (3-5 details)
  4. Geographic story: What spatial relationships or patterns does your story reveal?
  5. Geographic evidence: What maps, data, images, or sources will show what you're explaining?
Task 2

Create a New Story

2 minutes

There are two ways to start a new story. Choose the one that works best for where you currently are in the platform.

Method A: Direct Builder Access (Fastest)

  1. Go directly to builder: To Creator β†’
  2. Sign in with your ESRI account.
  3. Click "New story" (big button).
  4. Select "Start from scratch".

Method B: From Your Dashboard

If you are on the StoryMaps home page:

  1. Click "Create" in the top header.
  2. Select "Story" from the dropdown menu.
  3. Choose "Start from scratch".
Creating StoryMap from Dashboard
☁️
Understanding the Ecosystem:
Think of arcgis.com as your "digital drive." It's where your StoryMap, any maps you make, and uploaded assets are securely stored. Even if you edit in the StoryMaps builder, everything lives in your ArcGIS Content.
Blank StoryMap Builder Interface
βœ…
Checkpoint: Whichever method you chose, you should now see the StoryMap builder with a blank cover block ready for content.
Task 3

Design Your Cover

5 minutes

The cover is the first impression. Let's make it count!

  1. Click on the cover block to edit it
  2. Add a background:
    • Click "Add image or video"
    • Upload one of your photos (choose your best one!)
    • Or select "Browse" to use a stock image
    Upload Cover Image Dialog
  3. Add your title:
    • Click "Add title"
    • Type a compelling title (keep it short!)
    • Example: "Discovering Austin's Hidden Gems"
  4. Add a subtitle:
    • Click "Add subtitle"
    • Briefly describe your story
    • Example: "A local's guide to the best spots in Texas' capital"

πŸ’‘ Pro Tips for Great Covers:

  • Use landscape-oriented images (wider than tall)
  • Avoid busy images that compete with text
  • Ensure good contrast between image and title
  • Keep titles under 8 words
πŸ–ΌοΈ
Need a Cover Image?
  • Unsplash.com: Excellent source for free, high-quality stock photography.
  • AI Generation: Try using tools like Gemini or Nanobanana to generate a custom image if you have a specific vision!
⚠️
Crucial Design Warning: Cover Image Cropping
Cover images are always cropped to fit different screen sizes (mobile vs. desktop). It is impossible to show the entire image on every device.

How to fix it:
  • Avoid "Safe Zones": Don't put text or vital details on the very edges of your photo.
  • Set the Focal Point: Click the "gear" or "focal point" icon on your image to tell StoryMaps which part must always remain visible.
  • Recommended Ratios: Use landscape images with 3:2 or 16:9 aspect ratios for best results.
Read more about image display rules
Task 4

Add Your Introduction

5 minutes

After the cover, hook your readers with an engaging introduction.

  1. Click the "+" button below the cover
  2. Select "Text" from the menu
  3. Add a heading:
    • Type your section title
    • Highlight it and select "Heading 1" from the format menu
πŸ“š
Chapters & Navigation: When you use Heading 1 (H1), it creates a new "chapter" in your story. If you enable Navigation in the Design panel, readers can jump directly to each H1 heading from a table of contents!
  1. Write your introduction:
    • 1-2 paragraphs explaining your place
    • Why does this place matter?
    • What will readers discover?

πŸ“„ Example Introduction:

Welcome to Zilker Park

Nestled in the heart of Austin, Texas, Zilker Park is more than just green space - it's the city's outdoor living room. From the natural spring-fed Barton Springs Pool to panoramic views of the downtown skyline, this 350-acre urban oasis offers something for everyone.

In this story, I'll take you on a journey through my favorite spots in this beloved park.

Task 5

Add an Express Map

8 minutes

Now let's add the geographic heart of your storyβ€”an interactive map!

  1. Click the "+" button to add a new block
  2. Select "Map" from the menu
  3. Choose "Express map"

    (This is the built-in map maker - perfect for quick maps)

  4. Search for your location:
    • Type your place name in the search bar
    • Press Enter or click the search result
    • The map will zoom to that location
  5. Add a point marker:
    • Click the "Add" button
    • Select "Add point"
    • Click on the map where you want the marker
    • Add a title and description in the popup
  6. Customize your marker:
    • Change the icon (pin, star, etc.)
    • Adjust the color
    • Add an image to the popup if desired
  7. Click "Place map" when finished
πŸ’‘
Express Maps vs Web Maps: Express Maps are created directly in StoryMaps - great for simple locator maps. For complex multi-layer maps with analysis, create a Web Map in ArcGIS Online first, then embed it.
🎨
Express Maps Drawing Tools: You can add more than just points! Try:
β€’ Numbered points (1, 2, 3...) for sequential tour stops
β€’ Lines for routes and paths
β€’ Freehand drawing for custom shapes
β€’ Arrows to show direction or highlight areas
β€’ Text annotations to label map features

πŸ“ Stretch Goal:

Add 2-3 more point markers to highlight different features of your location. Connect them with a line if they form a route or path!

Task 6

Add More Content Blocks

5 minutes

Flesh out your story with additional content. Try adding at least two more blocks:

πŸ“Έ Add an Image

  1. Click "+" β†’ "Image"
  2. Upload a photo
  3. Add a caption describing it
  4. Add alt text for accessibility

πŸ’¬ Add a Quote

  1. Click "+" β†’ "Text"
  2. Type your quote
  3. Highlight and select "Quote" format
  4. Add attribution below

πŸ”— Add a Button

  1. Click "+" β†’ "Button"
  2. Add button text (e.g., "Visit Official Website")
  3. Paste the URL
  4. Choose button style

πŸ“ Suggested Structure:

  1. Cover (done)
  2. Introduction text (done)
  3. Map (done)
  4. Image with caption
  5. More descriptive text
  6. Another image or quote
  7. Closing text with call-to-action
Task 7

Apply a Theme

3 minutes

Give your story a polished look by applying a theme:

  1. Click "Design" in the top header bar.
  2. Explore the Design Panel:
    StoryMap Design Panel
    • Cover Layout: Choose how your title and image overlap (Full, Side-by-Side, or Minimal).
    • Navigation: Toggle "Navigation" ON to automatically create a table of contents from your Headings.
    • Theme: Select a pre-made value (Summit, Obsidian, Tidal, etc.) to instantly change fonts and colors.
  3. Select a theme that fits your story's mood!

πŸ’‘ Make It Yours (Don't Stick to Defaults!):

  • Avoid the Default: Changing the theme is the easiest way to make your story stand out. The default theme is functional, but customizing it shows you care about design.
  • Match the Mood: Use "Obsidian" for space/night topics, or "Tidal" for water/clean topics.
  • Test Different Covers: Try the "Side-by-Side" layout; it often looks more professional than the standard full screen.
Task 8

Preview and Publish

5 minutes

Time to see your story as readers will experience it! Don't skip this step.

  1. Click "Preview" in the top-right corner.
  2. Use Multi-Device Preview:

    Use the floating toolbar to check responsiveness:

    • Desktop: Check the wide-screen layout.
    • Tablet: Ensure sidecars and images display well.
    • Phone: Critical Check! Ensure your cover image isn't cropped awkwardly and text is readable.
  3. Polish Your Story Card:

    Before publishing, go to Story settings > Story card.

    • Thumbnail: Upload a clean image (this is what people see on social media).
    • Summary: Write a 1-sentence hook.
    • Tags: Add "Geographic Storytelling" and your topic.
  4. Click "Publish" when ready:
    • Set sharing to "Everyone (Public)" so we can review it.
    • Click "Publish" to go live.
πŸ“€
How to Submit:
Once published, copy the URL from your browser address bar (it should act look like storymaps.arcgis.com/stories/...).
Paste this link into the Canvas assignment submission box to complete the lab!

πŸ’‘ Updates & Edits:

Found a typo after publishing? No problem! You can edit your story anytime. The live link won't change until you click "Publish" again. Watch for the "Unpublished Changes" badge in the builder.

πŸŽ‰
Congratulations! Your story is now published! Copy the link to share it with others.
⚠️
Sharing Levels Must Match! If your story is Public, any maps you embed must also be Public. Otherwise, viewers won't be able to see the embedded content!
πŸ“
Remember: You can always edit and republish your story. Changes go live immediately when you save. Use "Duplicate" before major changes to keep a backup!

βœ… Lab Completion Checklist

Make sure your StoryMap includes:

πŸ†

Lab Complete!

You've built and published your first StoryMap! You now have hands-on experience with the core features. Ready for a real challenge?