top

UI Design

Sites Rádio CBN Ribeirão Preto, Araraquara e São Carlos

13 Nov , 2023  

O projeto foi para os portais de notícias da rádio CBN das cidades de Ribeirão Preto, Araraquara, e São Carlos. Apenas o de Ribeirão permanece até hoje com a soluções de layout e de front-end que eu ajudei a equipe a aplicar em todas as páginas. Iniciado em meados 2020, no início da pandemia, e finalizado por volta de Novembro daquele ano na versão mais estável e funcional do projeto rodando online. Confira:
https://www.cbnribeirao.com.br/

O primeiro protótipo de alta-fidelidade eu devo ter concluído em meados de Junho daquele ano. Ao todo devo ter levado 1 mês, desde a propósta de layout (que fiz simplesmente codificando, diretamente em uma réplica funcional do sistema baseado em plataforma Asp.Net).

De fato me baseei em referência de um template pré-pronto, adquirido via “ThemeForest” (EnvatoMarket) na época, que em seguida fui adaptando à identidade e padrões de design e de projeto necessários, conforme diretrizes que me eram fornecidas por equipes ligadas diretamente à CBN oficial.
Inteiramente responsivo. Baseado em Bootstrap.
Para fazer tudo funcionar de modo integrado ao sistema de gerenciamento criado pelos próprios programadores da empresa, eu interagia diretamente com eles diariamente, fornecendo para eles todos o HTML e CSS. Eu compilei tudo com Sass.

O player interativo de áudio roda de imediato com o click nos ícones de “play”, e roda de modo constante sem interferência da mudança de páginas.
De fato foi desenvolvido pelo programador lider da equipe, a quem ajudei fornecendo o protótipo navegável em condições apropriadas e facilitadas previamente para ele manipular DOM (é um DOM dentro de um DOM, ou um “<iframe>” transparente, dentro de uma instância em Aspx).
Então eu tinha refinado os códigos para estas duas instâncias de DOM já desde o protótipo navegável.
Os detalhes do layout interno dele fui o responsável por criar/adaptar e refinar.

 
 

, , , , , , , , , , ,


Deixe um comentário

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