top

UI Design

Link tree SODIMAC

16 Nov , 2023  

Em cerca de Junho de 2023, eu fui solicitado pela equipe na Sodimac Br a criar a página de “link tree” da empresa, para eles usarem na bio do perfil de Instagram oficial (@sodimac_brasil).

[A página pode não ser exibida da forma correta devido a alterações tecnológicas no servidor da empresa em meados de Dezembro 2023 até o momento. Vou atualizar aqui o link em breve, caso consigamos contornar os problemas.]
Acesse e confira:
https://www.sodimac.com.br/sodimac-br/linktree

De fato solucionei praticamente a página inteira, a partir de briefing (que foi só as informações para cada um dos botões/links, os padrões do Brandbook oficial da empresa, e páginas de link tree que me foram apresentadas para servirem de referência). Ou seja, fiz todo o layout já direto no código HTML, sem nem precisar fazer uma proposta prévia em imagem estática.
Como se trata de algo relativamente simples, eu fui já implementando tudo conforme a identidade oficial, e aproveitando os recursos de customização possíveis com o framework de front-end (com o Bootstrap).

Tomei a iniciativa de aplicar um dos mais novos recursos do Bootstrap 5 mais recente que, além das regras de CSS já prontas do pacote e as facilidades de customização, neste caso foi também o botão switch para os modos “dark” e/ou “light”.

Foi a primeira abordagem deste tipo em toda a companhia (de todos os países, não só do Brasil).
O resultado final foi muito bem recebido pelos meus gestores.

Printscreen da versão mobile, nos modos light (equerda), e dar (direita):

 
 

, , , , , , , , , ,


Deixe um comentário

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