Website A Gazeta
UX/UI Design • Digital Transformation / UX/UI Design • Transformação Digital
Gazeta is one of the largest news portals in Espírito Santo (Brazil), and faced with the need for a digital update at a time when the physical newspaper would cease to be printed, becoming entirely online and digital, I was invited to lead the complete redesign of its website. Responsibilities ranged from strategically defining the user experience to creating the final interface, coordinating a team of two designers, plus me, as well as interacting directly with the company’s development team, board of directors, editors, and an in-house designer.
A Gazeta é um dos maiores portais de notícias do Espírito Santo e, diante da necessidade de atualização digital em um momento onde o jornal físico deixaria de ser impresso, o tornando inteiramente online e digital, fui convidado a liderar o projeto de redesign completo do seu website. A responsabilidade incluiu desde a definição estratégica da experiência do usuário até a criação da interface final, coordenando uma equipe de dois designers (três comigo), além de interagir diretamente com o time de desenvolvimento, diretoria, redatores e uma designer interna da empresa.
The Challenge / O Desafio
The project came to us after more than a year of stalling under the responsibility of an international consultancy, with no significant progress. Our challenge was to take the lead and rebuild the workflow to deliver a modern, responsive, and scalable website. The main objective was to modernize the newspaper’s digital experience, making the platform mobile-first, more intuitive, and capable of engaging new readers.
O projeto chegou até nós após mais de um ano em que esteve parado sob responsabilidade de uma consultoria internacional, sem avanços significativos. Nosso desafio foi assumir a liderança e reconstruir o fluxo de trabalho para entregar um website moderno, responsivo e escalável. O objetivo principal era modernizar a experiência digital do jornal, tornando a plataforma Mobile First, mais intuitiva e capaz de engajar novos leitores.
Project time / Tempo de projeto
3 and a half months.
3 meses e meio.
Design Process / Processo de Design
The work was structured into clear stages, ensuring continuous alignment between all parties involved:
1. Research & Alignment – meetings with management, editorial staff, and stakeholders to map expectations and understand specific needs.
2. Information Architecture – complete restructuring of the content hierarchy to facilitate navigation and prioritize reading on mobile devices.
3. Wireframes & Flows – low-fidelity prototyping organized in agile sprints, enabling rapid validation with the teams.
4. UI Design – creation of an identity consistent with the A Gazeta brand, combining editorial typography, institutional colors, and a layout that prioritizes clarity and readability.
5. Navigable Prototyping – validation of interactions and journeys before implementation, reducing the risk of rework.
O trabalho foi estruturado em etapas claras, garantindo alinhamento contínuo entre todas as partes envolvidas:
1. Pesquisa & Alinhamento – reuniões com diretoria, redação e stakeholders para mapear expectativas e entender necessidades específicas.
2. Arquitetura da Informação – reestruturação completa da hierarquia de conteúdo para facilitar navegação e priorizar a leitura em dispositivos móveis.
3. Wireframes & Fluxos – prototipagem de baixa fidelidade organizada em sprints ágeis, possibilitando validação rápida com as equipes.
4. UI Design – criação de uma identidade consistente com a marca A Gazeta, unindo tipografia editorial, cores institucionais e um layout que privilegia clareza e legibilidade.
5. Prototipação Navegável – validação de interações e jornadas antes da implementação, reduzindo riscos de retrabalho.
Personas
The newspaper has an extremely varied audience. The survey to get to know users is based on data from internal surveys of the company, which I cannot share here for confidentiality reasons. The focus was on the similarities of the users and on the company’s policy and its journalistic positioning.
O jornal tem um público extremamente variado. A pesquisa para conhecer os usuários está baseada em dados de pesquisas internas da empresa, as quais não poderei compartilhar aqui por questões de sigilo. O foco foi nas similaridades dos usuários e na política da empresa e seu posicionamento jornalístico.
UI
The interface creation process was long due to the amount of pages and information to be treated. We made precise decisions about colors, fonts and details, and it involved a lot of technical testing. The fact that the project is completely responsive and is experimenting with new technologies in development, generated an even greater lack of attention and assertiveness.
O processo de criação da interface foi longo devido à quantidade de páginas e informações a serem tratadas. Nós tomamos decisões precisas sobre as cores, fontes e detalhes, e isso envolveu vários testes técnicos. O fato do projeto ser completamente responsivo e estar experimentando novas tecnologias no desenvolvimento, gerou uma carência de atenção e assertividade ainda maior.
Created Solutions / Soluções Criadas
• Mobile-first website, ensuring optimal performance on smartphones and tablets.
• Scalable and modular layout, allowing for easy future development.
• Design focused on readability, respecting the editorial nature of the portal.
• Simplified navigation flows, increasing efficiency and reader satisfaction.
• Agile integration with the development team, ensuring consistency between design and code.
• Website Mobile First, garantindo ótima performance em smartphones e tablets.
• Layout escalável e modular, permitindo fácil evolução futura.
• Design centrado na legibilidade, respeitando a natureza editorial do portal.
• Fluxos de navegação simplificados, aumentando a eficiência e a satisfação do leitor.
• Integração ágil com o time de desenvolvimento, garantindo consistência entre design e código.
Results / Resultados
The new A Gazeta was successfully launched, repositioning the newspaper in the digital environment and strengthening its online relevance. The impact was immediate: in 2020, the portal reached 9.5 million unique visitors in a single month, solidifying its position as a benchmark in the Espírito Santo publishing scene.
O novo A Gazeta foi lançado com sucesso, reposicionando o jornal no ambiente digital e fortalecendo sua relevância online. O impacto foi imediato: em 2020, o portal alcançou a marca de 9,5 milhões de visitantes únicos em um único mês, consolidando-se como referência no cenário editorial capixaba.
Read the article about the return of the website: / Leia a matéria sobre o retorno do website:
A Gazeta bate marca de 9,5 milhões de visitantes únicos em janeiro
Visit the Gazeta website: / Acesse o website A Gazeta:
Website A Gazeta
