US Election 2024

The 2024 U.S. Elections marked a significant moment in political history, necessitating compelling visual storytelling to engage and inform a diverse electorate. This project aimed to develop a cohesive design strategy that spanned digital platforms, broadcast media, and interactive experiences, ensuring consistent and impactful communication throughout the election cycle.

Task

Key tasks were; Create a comprehensive design system including color palettes, typography, iconography, and motion guidelines. Design and animate broadcast graphics (e.g., lower-thirds, transitions, AR elements, data explainer screens). Develop visual concepts for real-time result displays (maps, bar graphs, live counters). Produce 3D and motion assets using Cinema 4D and After Effects for immersive visuals. Build responsive social and web templates for consistent election branding. Collaborate with engineering and editorial teams to ensure accuracy and design fidelity in real-time data presentations. Test and QA interactive features and motion graphics across broadcast environments.

  • Strategy

    Design Sprints, Workshops

  • Design

    UI, UX, Animation, Product Design, Prototyping

  • Client

    ABC News

  • Production

    Design Sprints, Documentation

  • Platforms

    Desktop, iOS

Open Project
⬤ 01. Development Journey

Focus Areas: Broadcast Design, Real-Time Data Visualization, Branding & Interactive Media

Objectives

  • Craft a unified visual identity that resonates across broadcast and digital media.

  • Enhance voter engagement through immersive, data-rich graphics.

  • Build interactive tools for real-time election updates.

  • Adapt design across cultures and platforms for broader impact.

Tasks

  • Create a comprehensive design system including color palettes, typography, iconography, and motion guidelines.

  • Design and animate broadcast graphics (e.g., lower-thirds, transitions, AR elements, data explainer screens).

  • Develop visual concepts for real-time result displays (maps, bar graphs, live counters).

  • Produce 3D and motion assets using Cinema 4D and After Effects for immersive visuals.

  • Build responsive social and web templates for consistent election branding.

  • Collaborate with engineering and editorial teams to ensure accuracy and design fidelity in real-time data presentations.

  • Test and QA interactive features and motion graphics across broadcast environments.

Design Strategy

  • 1. Visual Identity Development
    Inspired by previous US Elections Branding, the system was built around patriotic minimalism with an editorial edge.

    2. Broadcast Integration
    The graphics followed a modular system, designed to function in AR, multi-screen environments, and dynamic data updates.

    3. Digital and Interactive Platforms
    Social and interactive toolkits were created for live blog updates, regional voting trends, and mobile accessibility.

Tools and Tech Stack

  • Adobe After Effects – Motion design and data animation

  • Cinema 4D – 3D modeling and broadcast visuals

  • Figma – UI layout and system design

  • Vizrt / Unreal Engine – Real-time AR broadcast integration

  • Notion & Trello – Collaboration and timeline tracking

Outcomes

– Delivered a cohesive and scalable visual system across platforms.

– Raised the production standard for real-time election coverage.

– Improved audience comprehension with intuitive, motion-rich data design.

– Praised by stakeholders for clarity, accuracy, and creative execution.

⬤ 02. UI

This project reinforced how design can clarify complexity and create trust in public-facing information. It also demonstrated the power of motion, modular systems, and collaboration in delivering live political storytelling at scale.

us votes
Screenshot 2025 04 14 at 2.14.19 AM 1
Screenshot 2025 04 14 at 2.15.42 AM
Screenshot 2025 04 14 at 2.16.38 AM
Screenshot 2025 04 14 at 2.16.21 AM
Screenshot 2025 04 14 at 2.16.59 AM
Screenshot 2025 04 14 at 2.17.45 AM
Screenshot 2025 04 14 at 2.17.29 AM
Screenshot 2025 04 14 at 2.15.52 AM

Key Takeaways for Similar Projects:

  1. Invest time in understanding user needs through qualitative research.
  2. Prioritize technical feasibility early to align design with development capabilities.
  3. Use modular design systems to balance scalability with rapid iteration.
  4. Test iteratively with real users to ensure the final product meets their expectations.

Let's get in touch,
I respond fast 🙂

Ready to work together?
Back