top of page

Smart Guanajuato

UX/UI, information visualization & web structure · 2023
Creative direction, interface design, data visualization,
handoff to WordPress development.

The state of Guanajuato needed a clear and accessible digital platform to communicate its "smart city" vision and strategic projects.

The challenge: translating disparate technical information into an intuitive, visually appealing, editable web structure in WordPress, ensuring easy updating by the state team.

MacBook Pro.png
Frame 1171278672.png
Frame 1171278672.png
Frame 1171278672.png

Insights:

The audience is broad: citizens, press, academics and strategic allies.

Screen Shot 2025-06-18 at 9.35.46.png

Structure:

The information architecture seeks to communicate the process of creating this Government Program and the objectives

Frame 1171278382.png

Need to balance institutional rigor with visual and accessible communication.

Chance

MacBook Pro-2.png

Citizen clarity

The site was intended to serve as a reliable information hub, with visual storytelling that invited exploration and a clear structure to communicate progress and projects.

MacBook Pro-1.png
MacBook Pro-1.png
MacBook Pro.png

The Guanajuato Inteligente portal now features a clear structure, accessible visualizations, and a scalable design within WordPress.

1

Wireframes

Modular design that facilitates linear navigation and direct access to key resources.

2

Views:

simplified graphics that show the impact of projects immediately.

3

Navigable prototype:

delivered for validation and testing with the communication equipment.

MacBook Pro-3.png

Design for the public

This allowed the state to communicate its strategic projects more directly and attractively, improving the relationship between government, citizens, and allies.

Frame 1171278671.png

Workflow

  • Discover: Communication materials review + state area interviews.

  • Define: organization of information in a clear and accessible narrative.

  • Design: visual prototypes (Figma), set of visualizations and iconography.

  • Deploy: Handoff to the WordPress deployment team, including style guides and optimized assets.

In public projects, our design translates complexity into citizen clarity: digital structures that inform and generate trust.

bottom of page