Communication Artifact Planning

[salihakalender]

Let’s use this thread to plan and create our Milestone 4 communication artifact.

🧩 Artifact options:

• Short video
• Infographic
• Mock news article
• Social media thread
• Poster
• Interactive dashboard
• Scientific article (brief, accessible format)

📌 Please discuss:

• Which format best fits our audience?
• Visual/design ideas
• Key message and story arc
• Who will take the lead on creation?

[salihakalender]

Recommended Artifact:

✅ Infographic or Scientific article (brief, accessible format)

Target Persona: Public Health Researcher

📌 Why?
Public health researchers value clear, evidence-based communication. An infographic offers a quick, visual snapshot of key findings, while a brief scientific article respects their need for rigor and transparency without being too dense.

🎨 Visual/Design Ideas:

• Timeline showing PM₂.₅ exposure and health outcomes (2010–2019)
• Regional heatmaps (pollution vs. health burden)
• Simple charts (e.g., bar or line graphs) to illustrate the correlation between pollution and diseases
• COVID-19 overlay section for 2020 data

🧵 Key Message & Story Arc:

1. Problem: Long-term PM₂.₅ exposure poses serious health risks.
2. Evidence: Cardiovascular and respiratory disease burdens are higher in polluted regions.
3. Inequality: LMICs face disproportionate impact (e.g., Egypt, Afghanistan).
4. Pandemic link: Pollution may worsen vulnerability to COVID-19.
5. Hope & Action: Pollution and disease rates show decline; continued efforts matter.

[SiSaR-Pal]

Air Pollution & Health Website Design Concept

Project Overview

To create an informative, accessible website for the general public about air pollution and health risks, based on the Atmosfear research project findings.

Target Audience

• General public with varying levels of scientific knowledge
• People concerned about air quality in their area
• Individuals with respiratory conditions or vulnerable family members
• Students and educators
• Health professionals seeking accessible resources

Website Structure

1. Homepage

• Hero section with compelling visual and key message
• Quick facts about air pollution's health impact
• Navigation to main sections
• Call-to-action to explore data

2. What is Air Pollution?

• Simple explanation of air pollution
• Types of pollutants (focus on PM2.5)
• Sources of pollution
• Interactive visual showing pollution particles

3. Health Impacts

• How pollution affects the body
• Vulnerable populations
• Short-term vs long-term effects
• Personal story from the research (asthma mother)

4. Global Data & Insights

• Key findings from the Atmosfear research
• Interactive charts and visualizations
• Country comparisons
• Trends over time (2010-2019)

5. COVID-19 Connection

• Research findings on pollution and COVID-19 mortality
• Explanation of the connection
• Implications for public health

6. Take Action

• What individuals can do
• Policy recommendations
• Resources for further learning

Visual Design Concept

Color Palette

• Primary: Deep blue (#1e3a8a) - trust, health, clean air
• Secondary: Teal (#0d9488) - nature, healing
• Accent: Orange (#ea580c) - warning, pollution alert
• Neutral: Light gray (#f8fafc) - clean, minimal
• Text: Dark gray (#1f2937) - readability

Typography

• Headlines: Inter Bold (modern, clean, accessible)
• Body: Inter Regular (highly readable, web-optimized)
• Data: JetBrains Mono (for statistics and technical content)

Visual Style

• Clean, modern design with plenty of white space
• Data-driven visualizations with clear, accessible charts
• Subtle animations and micro-interactions
• Responsive design for all devices
• High contrast for accessibility

Iconography

• Simple, outline-style icons
• Consistent visual language
• Focus on health, environment, and data themes

Layout Principles

• Hierarchy: Clear information hierarchy with progressive disclosure
• Contrast: Strong contrast between sections and content types
• Balance: Balanced layout with visual breathing room
• Motion: Subtle animations to guide attention and enhance UX

Interactive Elements

• Animated data visualizations
• Hover effects on cards and buttons
• Smooth scrolling navigation
• Progressive disclosure of complex information
• Interactive charts showing pollution trends

Accessibility Features

• WCAG 2.1 AA compliance
• High contrast ratios
• Keyboard navigation support
• Screen reader optimization
• Alternative text for all images
• Clear, simple language

Technical Specifications

• Responsive design (mobile-first approach)
• Fast loading times
• Modern CSS Grid and Flexbox layouts
• Semantic HTML structure
• Progressive enhancement
• Cross-browser compatibility

Content Strategy

• Lead with human impact, not just statistics
• Use storytelling to make data relatable
• Progressive complexity (simple → detailed)
• Clear calls-to-action
• Credible sources and references

Key Messages

1. Air pollution is an invisible killer affecting millions
2. PM2.5 particles are particularly dangerous
3. Vulnerable populations are at higher risk
4. Long-term exposure has cumulative health effects
5. Clean air is a necessity, not a luxury
6. Individual and policy actions can make a difference

[FalaqMajeed]

Here’s a Google Doc that Linah and I made. It outlines the vision of the structure of our website.
https://docs.google.com/document/d/1JhUHB3YfJPp26zrPfoe1Q6wxLFUaeb250194QYESc4E/edit?usp=sharing

[linahKhayri]

Here’s a working draft of how we’re starting to implement a potential content and sections on the website:
https://linahkhayri.github.io/atmosfear-website/

Please note: this is just a prototype we're testing on, not the final website layout