00%
Graphic Design
Graphic Design
ASIS 2022 Website
ASIS 2022 Website
ASIS 2022 Website
/// Overview
/// Overview
Commissioned by the Health Secretariat of the Government of Antioquia, this initiative translated an extensive public health document into a highly engaging digital experience. By synthesizing dense statistical data into modular web environments, data-driven motion graphics, and precise visual infographics, the core findings of the ASIS report were made universally accessible while maintaining absolute technical and empirical rigor.
Commissioned by the Health Secretariat of the Government of Antioquia, this initiative translated an extensive public health document into a highly engaging digital experience. By synthesizing dense statistical data into modular web environments, data-driven motion graphics, and precise visual infographics, the core findings of the ASIS report were made universally accessible while maintaining absolute technical and empirical rigor.
// General Information
Role
Motion Designer, Visual Developer, Web Designer
Duration
6 months, 2022
Software
Adobe After Effects, Adobe Illustrator, Figma
Credits
Client / Institution: Secretariat of Health, Government of Antioquia
/// The Challenge
/// The Challenge
The primary obstacle involved parsing a voluminous, highly technical government dossier on regional health statistics and transforming it into digestible visual formats without compromising data integrity. Delivering this volume of information required establishing a cohesive visual language capable of bridging standard web navigation, animated timelines, and static graphic assets across a unified institutional portal, all while adhering to strict governmental branding constraints.
The primary obstacle involved parsing a voluminous, highly technical government dossier on regional health statistics and transforming it into digestible visual formats without compromising data integrity. Delivering this volume of information required establishing a cohesive visual language capable of bridging standard web navigation, animated timelines, and static graphic assets across a unified institutional portal, all while adhering to strict governmental branding constraints.
The primary obstacle involved parsing a voluminous, highly technical government dossier on regional health statistics and transforming it into digestible visual formats without compromising data integrity. Delivering this volume of information required establishing a cohesive visual language capable of bridging standard web navigation, animated timelines, and static graphic assets across a unified institutional portal, all while adhering to strict governmental branding constraints.
/// The Solution
/// The Solution
A modular content pipeline was constructed to segment the ASIS documentation into thematic visual pillars, deploying data-driven motion graphics alongside responsive web assets. By integrating seamless explanatory video architecture and intuitive navigational UI directly into the municipal web framework, the dense epidemiological statistics were successfully translated into a fluid, user-centric educational narrative.
A modular content pipeline was constructed to segment the ASIS documentation into thematic visual pillars, deploying data-driven motion graphics alongside responsive web assets. By integrating seamless explanatory video architecture and intuitive navigational UI directly into the municipal web framework, the dense epidemiological statistics were successfully translated into a fluid, user-centric educational narrative.
A modular content pipeline was constructed to segment the ASIS documentation into thematic visual pillars, deploying data-driven motion graphics alongside responsive web assets. By integrating seamless explanatory video architecture and intuitive navigational UI directly into the municipal web framework, the dense epidemiological statistics were successfully translated into a fluid, user-centric educational narrative.
/// The Process
/// The Process
I initiated the pipeline with a rigorous data visualization audit, extracting key epidemiological metrics from the core chapters to develop a unified mood board and structural wireframes. This foundational phase established the overarching typographic hierarchy, color space, and visual pacing required to align with the government's institutional identity while ensuring maximum legibility across all multimedia deliverables. Following strict concept approval, extensive 2D vector illustration and asset organization were executed to prepare the geometry for the animated modules. The subsequent phase focused on translating these static assets into dynamic explanatory videos using robust animation workflows, leveraging expression-driven rigs to handle the accurate visualization of fluctuating regional health statistics. Simultaneously, the interactive layout and high-resolution infographics were designed and optimized for seamless web integration, ensuring minimal latency without sacrificing graphical fidelity. Final delivery involved packaging the compressed video assets, interactive UI components, and static data visualization for direct deployment onto the official government servers, ensuring flawless cross-platform performance.
I initiated the pipeline with a rigorous data visualization audit, extracting key epidemiological metrics from the core chapters to develop a unified mood board and structural wireframes. This foundational phase established the overarching typographic hierarchy, color space, and visual pacing required to align with the government's institutional identity while ensuring maximum legibility across all multimedia deliverables. Following strict concept approval, extensive 2D vector illustration and asset organization were executed to prepare the geometry for the animated modules. The subsequent phase focused on translating these static assets into dynamic explanatory videos using robust animation workflows, leveraging expression-driven rigs to handle the accurate visualization of fluctuating regional health statistics. Simultaneously, the interactive layout and high-resolution infographics were designed and optimized for seamless web integration, ensuring minimal latency without sacrificing graphical fidelity. Final delivery involved packaging the compressed video assets, interactive UI components, and static data visualization for direct deployment onto the official government servers, ensuring flawless cross-platform performance.
I initiated the pipeline with a rigorous data visualization audit, extracting key epidemiological metrics from the core chapters to develop a unified mood board and structural wireframes. This foundational phase established the overarching typographic hierarchy, color space, and visual pacing required to align with the government's institutional identity while ensuring maximum legibility across all multimedia deliverables. Following strict concept approval, extensive 2D vector illustration and asset organization were executed to prepare the geometry for the animated modules. The subsequent phase focused on translating these static assets into dynamic explanatory videos using robust animation workflows, leveraging expression-driven rigs to handle the accurate visualization of fluctuating regional health statistics. Simultaneously, the interactive layout and high-resolution infographics were designed and optimized for seamless web integration, ensuring minimal latency without sacrificing graphical fidelity. Final delivery involved packaging the compressed video assets, interactive UI components, and static data visualization for direct deployment onto the official government servers, ensuring flawless cross-platform performance.