The HumanITy Project: Sustainability-in-Data

For this project, I created a bus shelter poster, infographic, and mobile website for my fictional sustainability-in-data organization, The HumanITy Project. This organization’s mission is to advocate and educate the public, specifically college-age technology students, on the humane use of modern technology tools. It exposes the misuse and abuse of “Big Data”, AI, and algorithms, to promote a healthier relationship with the newest technology of today.

Client:
The HumanITy Project (fictional organization)

Year:
Spring 2024

Bus shelter poster

Problem
How can I create a text-only design that attracts attention and conveys the critical message of humane technology use, within strict constraints on color and font?

Approach

  • Designed a bus shelter poster featuring impactful typography and a visual metaphor—a laptop image formed with text.

  • Selected steel gray and vivid sky blue to symbolize the contrast between technology’s potential misuse and positive impact.

  • Chose Rubik Glitch and Share Tech Mono fonts to emphasize a modern and cyber-inspired aesthetic, resonating with Gen Z and policy-focused viewers.

  • Strategically planned placement near student housing at Stanford and George Washington Universities to target tech creators and policymakers.

Outcome

  • A bold and provocative poster that sparks curiosity with the phrase: “How much do you know about I.T.? Your life depends on it…”

  • Clear call to action (“See HumanITyProject.com for more details”) driving traffic to the campaign website.

  • Positioned for maximum impact among young adults, developers, and decision-makers in two tech and policy hubs.

Original Concepts:

Final Design:

Infographic

Problem
How can I visually communicate the risks of AI and algorithm misuse while engaging audiences with minimal text?

Approach

  • Designed a landscape-format infographic to tell a progressive story using numerical data and three distinct charts.

  • Focused on key issues: social media algorithms, AI bias, data tracking, and facial recognition.

  • Built visual hierarchy with bold typography, a clean layout, and a cohesive color palette.

Outcome

  • A compelling visual that educates readers on the tangible dangers of over-reliance on technology.

  • Encouraged users to visit the website for deeper learning and reflection on their own tech habits.

  • Reinforced the organization’s mission to foster critical thinking about technology’s role in society.

Alternative Concept:

Final Design:

Mobile Website

Problem
How can I design a mobile site that serves as an engaging central hub for education and advocacy?

Approach

  • Created a clickable 3-page mobile campaign site promoting The HumanITy Project and an upcoming TEDxStanford event.

  • Incorporated elements from the infographic to maintain visual and thematic consistency.

  • Used a thoughtful color palette and font pairing (Rubik Glitch and Share Tech) to align with the organization’s human-centered yet tech-inspired identity.

Outcome

  • A user-friendly website providing resources, educational content, and actionable solutions.

  • Effectively promoted the TEDxStanford talk to a Gen Z-rich audience in Silicon Valley.

  • Enhanced the organization’s visibility while emphasizing the urgency of humane technology use.

Medium-Fidelity Wireframes:

Final Design:

Previous
Previous

Race & Ace: Designing for Inclusive Play

Next
Next

Yale School of Art: A Digital Identity Redefined