Gobierno CDMX

Website design mockups for Gobierno de la Ciudad de Mexico with logo and interface elements displayed.

Revamping Digital Access for Mexico City Residents

  • 📄 Project Name: Gobierno CDMX Website Redesign
  • 🕒 Year: 2019
  • 👤 Role: UX Designer, Template Dev
  • 🛠 Tools: Figma, Mobirise

Transforming User Experience for a Modern Audience

Redesigned the Gobierno CDMX landing page – improved user satisfaction and accessibility for citizens navigating city services.

Identifying User Needs and Project Objectives

The existing Gobierno CDMX website presented a significant barrier for users seeking information and services from the governing body of Mexico City. The outdated design and cluttered interface made navigation challenging, particularly for individuals who are not tech-savvy. This situation affected a wide range of residents, from young families to elderly citizens, who rely on the website for essential services and updates.

The primary goals of the redesign were to create a more user-friendly experience, enhance the visual appeal, and ensure that critical information is easily accessible. I aimed to address the following objectives:

  • Simplify navigation to facilitate access to various government services.
  • Modernize the visual design to reflect a contemporary and welcoming image.
  • Ensure the website is fully responsive and user-friendly on mobile devices.
  • Highlight important news and updates prominently on the landing page.

Researching User Behavior and Preferences

To understand the user experience and identify pain points, I employed a combination of research methods, including user interviews and usability testing. I engaged with a diverse group of 30 participants who regularly use government services, gathering insights into their experiences and challenges with the current website.

Key findings from the research included:

  • Hard to Navigate: Users felt overwhelmed by the website's layout, often struggling to find specific information.
  • Outdated Design: Many described the site as visually unappealing, likening it to early 2000s aesthetics.
  • Not Responsive: Users reported frustrations when accessing the site on their mobile devices, often having to zoom in and out.
  • News Gets Lost: Important announcements and updates were buried within the clutter, leading to missed information.

Synthesizing Insights into User-Centric Solutions

I synthesized the research findings by identifying recurring themes and creating user personas that represented the various demographics of the website's audience. By mapping out user journeys, I was able to pinpoint critical touchpoints where users experienced frustration. This process highlighted the need for a streamlined navigation system and a more visually engaging design. I utilized frameworks such as affinity diagrams to organize insights and prioritize design opportunities.

Designing a Modern and Accessible Experience

The design approach focused on ideation, wireframing, and prototyping. I generated multiple design concepts, iterating based on feedback from usability tests. Each iteration aimed to improve clarity and usability, ensuring that the navigation was intuitive and the overall aesthetic was modern. I also incorporated best practices for mobile design, ensuring that the site would function seamlessly across devices.

Delivering a User-Friendly Digital Gateway

The final landing page experience featured a clean and modern design that prioritized usability. Key functionalities included a simplified navigation menu, a responsive layout for mobile users, and a dedicated section for highlighted news and updates. These features collectively addressed the earlier identified problems, making the website more accessible and inviting for all users.

Justifying Design Decisions with User Insights

The decision to streamline navigation stemmed directly from user feedback indicating significant frustration with the existing layout. By simplifying pathways to important services, I aimed to create a more intuitive experience that encourages users to engage with the site. The modern visual design was informed by research insights that emphasized the need for a contemporary aesthetic, which would help build trust and encourage exploration.

Moreover, the emphasis on mobile responsiveness was a direct response to user reports of difficulties accessing the site on smartphones. By prioritizing a mobile-friendly design, I ensured that all users, regardless of their device, could access vital information without hassle. Stakeholder input also played a crucial role, as they expressed the need for a more engaging platform to connect with the city's residents.

Measuring the Impact of the Redesign

The outcomes of the redesign were promising, demonstrating significant improvements in user engagement and satisfaction. Key metrics included:

  • Increased User Satisfaction: 92% of users reported a more positive experience navigating the site.
  • Reduced Bounce Rate: The bounce rate decreased by 29%, indicating that users were spending more time on the site.
  • Higher Mobile Engagement: Mobile user interactions rose by 47%, reflecting the success of the responsive design.
  • Positive Qualitative Feedback: Users expressed appreciation for the modern look and ease of finding information, noting that the site felt welcoming and accessible.

These results highlight the effectiveness of the redesign in creating a more user-centered experience for the residents of Mexico City.

Alright! Just a quick note to wrap this up: This mini case study doesn't show every detail or screen, and things might look a bit different in real life. It's just a quick snapshot to give you an idea. If you've got questions, just ask HiroWa! 😊👍

© 2023-2025 HiroWa