O Shell Iniciativa Jovem é um programa de pré-aceleração e laboratório de negócios socioambientalmente responsáveis. Eles alavancam empreendimentos com potencial para contribuir com o desenvolvimento econômico socioambiental local. Integram a rede Shell LiveWIRE International, uma ação internacional do grupo Shell presente em mais de 18 países.
A Ably atuou no desenvolvimento do novo site do projeto e o nosso principal desafio foi alinhar visualmente as características particulares do programa (Caráter jovem e inovador) com o universo e os padrões visuais definidos pela Shell, que já possuem um Design System estabelecido para toda a sua comunicação.
A primeira etapa do projeto foi o momento de entender mais detalhes sobre o funcionamento do programa Shell Iniciativa Jovem, conhecer o público-alvo, pesquisar referências, estudar a fundo as regras de utilização da comunicação da Shell, estruturar o conteúdo necessário para o site e materializar o resultado desse trabalho em um Wireframe (Esqueleto de estrutura do site). Algumas atividades realizadas nessa etapa foram:
Com a estruturação aprovada, partimos para a criação do layout de todas as páginas visíveis do site, como a home, seja um voluntário, conheça o programa, notícias entre outras. Foram selecionados os componentes mais adequados e as melhores combinações de uso entre os disponibilizados pela Shell.
E para finalizar foi realizada a implementação do site responsivo em HTML, CSS e Javascript com a utilização do wordpress como sistema de gerenciador de conteúdo possibilitando o cadastro por parte do cliente de todo o conteúdo do site, como notícias, chamadas, banners de destaque entre outros.