GreenRoute é um template HTML/CSS/JS gratuito, hospedado no GitHub Pages, que simula o site de marketing completo de uma startup fictícia de infra-estrutura de internet sustentável.

Construí este template para mostrar que consigo ir muito além de uma landing page simples: secções de impacto com estatísticas, uma linha do tempo do "crescimento" do projecto, presença global por região, stack tecnológica, portefólio de casos, um separador de notícias com posts próprios, equipa, parcerias institucionais e FAQ, tudo interligado e com um formulário de contacto funcional.

Mas o que o torna diferente de um template normal é a navegação: no desktop é inspirado no Windows 8, cada secção é um "ecrã" próprio que se percorre com as setas do teclado, esquerda, direita, cima e baixo, em vez do scroll contínuo habitual. No telemóvel, a navegação muda para um formato de deslizar vertical, ao estilo TikTok, ecrã a ecrã. É um site imersivo, pensado como experiência, não como uma página que se lê a rolar.

É o projecto que melhor demonstra a minha capacidade do lado de design, interacção e estruturação de conteúdo: pegar num conceito de produto e construir uma experiência completa à sua volta, não apenas uma página.

Stack

HTML5CSS3JavaScript

Informação

ContribuidoresEduardo Costa Nkuansambu (autor)
LicençaOpen-source, gratuito
Navegação desktopSetas direcionais (esquerda/direita/cima/baixo)
Navegação mobileDeslizar vertical, ao estilo TikTok
Módulo de notícias incluído no template

Módulo de notícias incluído no template

A demo inclui uma secção de novidades funcional, pronta para quem usar o template publicar as suas próprias actualizações.

GreenRoute: fica a par das novidades