UI-UX
GOB.PE is the unique digital platform of the Peruvian State for orientation to citizens. This project of the Presidency of the Council of Ministers (PCM) was born from the demand of citizens for having clear, simple and centralized information on the procedures and services of the State. It started in the BETA version at the beginning of 2017 in the Innovation Unit of the Office of Government Compliance and Sector Innovation. In March 2018, it became the Secretary of Digital Government, becoming official as the Unique Digital Platform of the Peruvian State through Supreme Decree 033-2018-PCM.
President Martín Vizcarra's speech at CADE Executive 2018
My role in the team
I worked with a multidisciplinary team of developers, UX designers, researchers, among others. My responsibility was the UI design of the gob.pe platform, defining the style guide seeking to unify the visual style of the platform, researching on web accessibility and how to apply it on the portal. I also participated in the research, testing and UX-UI development of new digital services such as the OSCE provider search engine and the market rates for the Peruvian State. Designed the gob.pe logo, creating an easy to identify digital identity, participating in the promotion talks of gob.pe to state entities so that they can migrate their portals, I also participated in facilitating the first collaborative meetings to create guidelines and policies for digital government.
Part of the Gob.pe team at the Digital CADE 2018
Accessibility in Gob.pe
Design always has a purpose, that is, "a reason for being." In the case of Gob.pe we have the objective of making the web accessible to all citizens. When the challenge was presented, we asked ourselves: what is accessibility? Where do we start? How could we improve to make the page more accessible to users?
After meeting with CONADIS officials and conducting research on the subject, we discovered three key points:
Home redesign
Rediseño del home aplicando los principios de diseño en accesibilidad web
A redesign was carried out applying the accessibility standards in interface design, delimiting the forms, adjusting the design of the
header and footer of the page, defining non-vibrant colors,
easily recognizable icons and readable text.
At home page, expanding the "click" area on a link, we help people with motor disabilities to access the content without having to strive to press only on the text.
We also worked on the design of the Presidency page, PCM, institutional (Ministries), campaigns, Message to the Nation, Presidential calendar, categories (procedures and services), The Peruvian State, Guides and information for institutions, among others.
The font of the paragraphs has been changed to Roboto, a free, modern, legible and clear web font that is less eye strain and easier to read on screens. Improve visual style and usability.
The color of the links was changed to a darker blue and the text thickness was increased for easier reading.
Creation of Logo Gob.pe
The logo is the most important element of the identity system and guarantees the quality of all the pieces that carry it.
Gob.pe has the synthesis of the National Shield of Peru and the three fields represent the natural wealth of the country.
The vicuña represents the riches of the animal kingdom. The cinchona tree, the riches of the vegetable kingdom and the cornucopia, the
riches of the mineral kingdom.
Logo in networks
It is important to identify Gob.pe by its logo, to know that it is an official page, for that reason the logo's shield was established as the main icon when creating direct access to the page.
This makes it easier to recognize the digital identity of Gob.pe and the Digital Services of the Peruvian government.
Style Guide
In order to work on improving the Gob.pe code and reaching the W3C and AAA standards, a “Style Guide” is needed.
This complete document defines all the elements and guidelines that make up the web page, from the use of the logo, typography, color palette, buttons, iconography, lines, size, and proportion of images, navigation, among others.
Thanks to its creation, it will allow digital service developers to have a solid base and correct orientation to be able to apply it to their pages.
The Peruvian State is one and it is necessary that it be represented visually for easy recognition by the citizen.
Iconography
The design of the icons in Gob.pe facilitate navigation, help to present the information in a visual way and easy to recognize. Each icon was illustrated respecting web accessibility standards, testing each one in its minimum version to ensure its readability. Created for each action and theme within Gob.pe, they present the Peruvian State in a more friendly and easy to understand way.
Digital Services
Support in UX of the OSCE Provider Finder, a useful tool that makes transparent the information of State contracting. Logo and button design for e-PAN by RENIEC.
Digital government law workshop
I participated as a facilitator in the first Digital Government law workshop, where the basic guidelines of the Digital Government Law were co-created with different representatives of entities of the Peruvian State.
Learnings
It was the first time that I worked for the Peruvian state and I could feel the impact and responsibility of my work in the lives of millions of citizens.
It was also my first experience working with a multidisciplinary team and exercising the work of UI designer, where I learned a lot about the digital world, web accessibility, working together with the development team, “thinking in pixel” and applying agile methodologies daily. Seeing different projects, creating and researching new functionalities, and digital services with users were incredible experiences where I had great learning. This work experience confirmed that I am still on the right path as a professional and that I can create solutions that have a real impact on the lives of others.