Natal da Meninada – Cidade da Criança

Site do evento Natal da Meninada da Cidade da Criança

  • Site: Natal da Meninada
  • Tipo: Hotsite para evento
  • Tecnologias utilizadas: HTML5, PHP
  • Responsivo? SIM
  • Situação: PRONTO
  • Endereço: nataldameninada.com.br

Este é o site oficial do evento natalino Natal da Meninada, que está ocorrendo durante todo o mês de dezembro de 2016 e início de janeiro de 2017. Este site foi elaborado em conjunto com a RAF Comunicação e Marketing, agência de publicidade de Natal, RN, e um dos clientes para os quais eu presto serviços.

O site foi feito em HTML5. A responsividade foi feita usando o costumeiro Foundation Framework (usei a versão 5.x, pois não fui muito com a cara da nova versão). A identidade visual e o layout do projeto foram elaborados pelos designers da RAF e o site foi construído com base nesse projeto estabelecido.

Para facilitar mudanças constantes no conteúdo eu modularizei o site dividindo-o em diversos arquivos PHP e integrando-os com simples comandos include(). Assim fica mais fácil ir direto à parte do site que porventura precise ser alterada.

O site exibe em sua navegação informações sobre o evento como um vídeo institucional, detalhes de determinadas atrações e a programação completa.

Natal da Meninada – Cidade da Criança

Inovarts

  • Site: Inovarts
  • Tipo: Site comercial (agência de marketing digital)
  • Tecnologias utilizadas: HTML5, PHP
  • Responsivo? SIM
  • Situação: PRONTO
  • Endereço: inovarts.com.br

Este é o novo site oficial da empresa para a qual já prestei serviços como freelancer, chamada Inovarts. Trata-se de um site de página única, com menu de navegação que conduz o usuário a uma seção de conteúdo diferente a cada opção clicada. É um site simples, focado em informar sobre os produtos e serviços oferecidos pela empresa.

Foi desenvolvido em HTML5 com o formulário de contato implementado em PHP. Para a responsividade, novamente utilizei a versão 5 do Foundation Framework (recentemente a versão 6 foi lançada, mas essa nova versão ainda precisa eliminar alguns bugs e melhorar sua usabilidade, razões pela qual decidi não utilizá-la dessa vez).

No cabeçalho do site, ao invés de recorrer à tradicional exibição de slides, decidi colocar um vídeo HTML5 mostrando dinamicamente os serviços oferecidos pela Inovarts. Mais abaixo, um vídeo do YouTube com amostras de trabalhos já realizados serve como portfolio.

Inovarts

Banda La’Boa

Este slideshow necessita de JavaScript.

  • Site: La’Boa
  • Tipo: Site de banda musical
  • Tecnologias utilizadas: HTML5
  • Responsivo? SIM
  • Situação: PRONTO
  • Endereço: laboa.com.br

Landing page criada para a banda musical La’Boa, de São Paulo (laboa.com.br).

A estrutura geral do site foi criada com o auxílio do framework CSS Foundation, o que garantiu o minimalismo e a responsividade. O vídeo da banda foi inserido no plano de fundo com o auxílio da biblioteca jQuery Vide. Tal biblioteca também permitiu a inserção de uma imagem a ser carregada em caso de falha no carregamento do vídeo.

Eu também criei o logotipo deste site, que pode ser visto neste post.

Banda La’Boa

Portal da Transparência – Natal/RN

prefeitura-portal-da-transparencia

  • Site: Portal da Transparência – Prefeitura Municipal do Natal
  • Tipo: Site institucional
  • Tecnologias utilizadas: HTML/CSS/JS, PHP
  • Responsivo? Não
  • Situação: Pronto
  • Endereço: natal.rn.gov.br/transparencia

Este foi um dos meus primeiros trabalhos como desenvolvedor front-end, num estágio na Secretaria Municipal de Planejamento (SEMPLA) da Prefeitura Municipal do Natal. A pedido da diretoria, fui responsável por criar uma página para o Portal da Transparência da Prefeitura Municipal do Natal, baseado em uma identidade visual pré-definida.

Trata-se de um canal pelo qual o cidadão pode acompanhar a execução financeira dos programas da prefeitura, em âmbito municipal: informações sobre despesas, licitações, convênios e outras informações vitais para a sociedade em Natal podem ser livremente acessadas neste site.

Portal da Transparência – Natal/RN

Biblioteca Virtual do Natal

prefeitura-biblioteca-virtual

  • Site: Biblioteca Virtual – Prefeitura Municipal do Natal
  • Tipo: Site institucional
  • Tecnologias utilizadas: HTML/CSS/JS, PHP
  • Responsivo? Não
  • Situação: Pronto
  • Endereço: natal.rn.gov.br/bvn/

Este foi um dos meus primeiros trabalhos como desenvolvedor front-end, num estágio na Secretaria Municipal de Planejamento (SEMPLA) da Prefeitura Municipal do Natal.

A pedido da diretoria, fui responsável por criar uma página para a Biblioteca Virtual de Natal baseado em uma identidade visual pré-definida. A página disponibiliza para download todo o acervo digital de livros, dissertações, artigos, patentes, notícias, eventos, fotos, vídeos e áudios produzidos em institutos de pesquisa da cidade.

Biblioteca Virtual do Natal