top

UI Design

Grupo EP, site institucional oficial – 2021

15 Nov , 2023  

Confira:
https://www.empresaspioneiras.com.br/

Já no início de 2021 este site foi publicado com este resultado. Em meados de Janeiro daquele ano, eu fui designado, pelo meu então gestor na equipe de Tecnologia Web da EPTV, para implementar o redesign de todo o site institucional da empresa. Em poucos dias eu fiz todo o desenvolvimento front-end disso, reaproveitando alguns plugins que já vinham sendo usados nesse site antes (como a “time line” na seção de História da empresa, no final do layout antes do footer). O redesign é de terceiros, mas fiz melhoramentos em alguns detalhes e abordagens.

Ressalvas:
na época, eu tinha uma certa “mania” de achar que a família tipográfica “Roboto” fosse tão “feia” que era necessário um aumento no espaçamento entre-letras (letter spacing), e de consequentemente achar que podia aplicar um espaçamento muito grande. E eu ainda hoje continuo com esse conceito em mente, pois esta família realmente não fica boa se mantivermos ela no espaçamento original/default… mas naquela época eu exagerei na dose… rs!
Hoje eu penso que seria melhor alterar o que fiz nesse projeto, e aplicar um espaçamento mais moderado. A versão que continua hoje no ar ainda está definida como eu fiz no início…
Mas refletindo hoje, eu de fato reduziria um pouco esse espaçamento, porém mantendo ainda um valor acima do nativo/default da fonte original.

Uma abordagem de UI Design mais refinada que hoje eu sei, mas que não sabia naquela época, e aplicaria hoje se ainda fizesse parte da empresa, seria o aumento do tamanho da fonte nos textos corridos para que cada linha fique em no máximo 10 (tolerância até, no máximo, 12) palavras.
Isso dá mais conforto de leitura ao usuário final, mantendo-o no site.

O modo como eu defini tudo isso naquela época (o tamanho das fontes, e o letter-spacing) deixou os textos muito grandes e cansativos para a leitura… E isso pode dificultar tanto a experiência do usuário quanto a permanência dele no site, navegando, conferindo as informações, conhecendo a empresa melhor, e etc.. :(

Se você vê o site hoje no mesmo padrão mostrado na imagem abaixo, pode ter certeza que a equipe lá ainda não conseguiu um designer UI com esse know-how, para fazer esses ajustes.
Ainda assim, hoje me orgulho de ter contribuído com este design, e de ter solucionado o que a empresa precisava.

O site estando assim até hoje é uma evidência de que o design que apliquei é durável (inclusive na estruturação do código fron-end), expressa bem os valores de empresa de grande porte, e a identidade dela. O resultado final como um todo creio que ficou bom nos quesitos de:
harmonia (de cores e formas, isto é, formas de composição tipográfica, como textos, títulos, subtítulos, logotipos), “mood”/feeling, efeitos de suavização de interface (smooth scrolling), etc..

A paleta de cores foi pré-definida por terceiros, bem como o layout básico que eles haviam me dado como briefing do que eles queriam que fosse feito, e me deram isso em forma de arquivo PDF. Em seguida eu fiz melhoramentos de tudo o que eles me derám. O site final, em comparação ao PDF deles, são semelhantes apenas no “estilo” geral…. Mas qualidade final do site é um aperfeiçoamento inteiramente realizado por mim.

Screenshot (printscreen) do site inteiro, versão desktop

 
 

, , , , , , , , , , , , ,


Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *