Platform Builders: Design do site institucional
Criação do novo site institucional para a Platform Builders, liderado por um time multidisciplinar com foco em refletir a cultura da empresa e apresentar seu portfólio de forma moderna e estratégica. A iniciativa resultou em um portal inovador, com design responsivo, integração tecnológica avançada e crescimento expressivo de acessos logo após o lançamento.
- Cliente
- Platform Builders
- Ano
- 2023
- Categorias
- UI / Product Design
Desafio
Como é comum em uma empresa de desenvolvimento de software, o time de designers e desenvolvedores da Platform Builders concentrava todo o seu esforço e talento nos projetos dos seus clientes, não priorizando a seu próprio material de comunicação e site institucional.
Como Lead Designer, recebi a missão de liderar o time multidisciplinar que ficaria responsável por desenvolver um site definitivo que deveria refletir a cultura e personalidade da empresa, bem como transmitir de forma criativa todo o seu portifolio de serviços para o mercado corporativo.
Solução
Primeiramente foi realizado uma dinâmica interna para definir os objetivos tangíveis que o novo portal deveria alcançar, para isso foram realizadas diversas reuniões com o setor estratégico da empresa, sócios, C-Levels, heads de todas as business units e colaboradores chave.
Com base neste levantamento consegui, pela primeira vez na história da empresa, realizar o mapeamento de todas as áreas, seus objetivos, suas ofertas e metodologia de trabalho que serviu como base para a definição das áreas, estratégia e conteúdo do site.
Após esta fase, iniciei um período de sintetização dessa massa de dados em uma estrutura hierárquica rica e coerente, foram definidas as áreas do site e todo o conteúdo que iria ter. Ficou claro que tipo de comunicação deveriamos trabalhar para ilustrar de forma clara todo as ofertas da empresa.
Todas estas informações foram traduzidas em layout realizando um trabalho maciço de wireframing com o objetivo de montar a primeira estrutura visual das páginas. Este arquivo foi apresentado e refinado diversas vezes entre os heads e diretoria, chegando a ter mais de 21 versões diferentes.
Uma vez satisfeitos com o resultado, foi iniciado o trabalho de design usando o Figma, iniciando em desenvolver o style guide do projeto, baseado no novo brandbook da marca recém criado pela agência de publicidade.
O objetivo do design era ser inovador, elegante e moderno. Para isso tivemos um cuidado na escolha de uma paleta de cores que contasse com uma cor de contraste marcante através do amarelo e uma base em cinza chumbo como contraponto, garantindo a solidez e autenticidade visual desejada.
Por fim focamos nossas atenções em adaptar todos os componentes, páginas e elementos gráficos para o mobile, realizando testes em diversos formatos de telas para garantir uma experiência de uso fluida e completa para estes dispositivos.
A implementação foi realizada em React + Tailwind + Styled components, utilizando também uma plataforma opensource de CMS para facilitar a criação de postagens e artigo na plataforma. O site foi integrado a uma plataforma externa de vagas usando nosso próprio design personalizado, evitando uma quebra na experiência visual para o usuário.
Impacto
O trabalho de otimização e taxonomia dos componentes do Figma permitiu o rápido desenvolvimento do site. Como se tratava de um projeto interno, usamos de forma experimental o recurso de tokens de design integrado ao código React, assim quaisquer ajustes se refletiriam diretamente no código sem a necessidade de refatoração dos elementos. Isso permitiu ao time criar a experiência necessária para implementar a mesma tecnologia em projetos dos nossos clientes.
O tempo de desenvolvimento foi recorde para a empresa. Em menos de 4 meses de iniciado o discovery tinhamos feito o primeiro deploy do site para testes e validação.
Devido ao trabalho refatoração do código, adoção de uma nova stack e foco em otimização de SEO e acessibilidade aos elementos, a quantidade de acessos ao site da empresa cresceu mais de 120% no primeiro mês de publicação e continuou crescendo de forma consistente ao longo do ano.
Saiba mais em https://www.platformbuilders.io/