Unimed em Boas Mãos

  • Site: Unimed em Boas Mãos
  • Tipo: Site institucional
  • Tecnologias utilizadas: WordPress
  • Situação: PRONTO
  • Endereço: unimedemboasmaos.com.br

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.

Trata-se de um site institucional para uma campanha de eleição interna da Unimed. O site contém páginas com informações dos membros da chapa, plataforma e objetivos da campanha, dados de contato e outras informações úteis.

O site foi feito utilizando o WordPress e um tema pago chamado Enfold. A identidade visual foi elaborada pela RAF com base nas cores da campanha (branco, verde e laranja) e eu fui responsável pela configuração do CMS, instalação/configuração do tema e adequação à identidade visual definida.

Unimed em Boas Mãos

Casa de Saúde São Lucas

  • Site: Casa de Saúde São Lucas
  • Tipo: Site institucional
  • Tecnologias utilizadas: WordPress
  • Situação: PRONTO
  • Endereço: saolucasnatal.com.br

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.

Trata-se de um site institucional para um dos hospitais particulares existentes aqui na cidade. O site conta com páginas exibindo os serviços prestados, dados sobre os profissionais que formam o corpo médico do estabelecimento, acesso a retirada de exames médicos e outros links úteis, além de um blog com notícias sobre medicina.

O site foi feito utilizando o WordPress e um tema pago chamado Enfold. A identidade visual foi elaborada pela RAF com base nas cores oficiais do hospital (branco e tons de verde) e eu fui responsável pela configuração do CMS, instalação/configuração do tema e adequação à identidade visual definida.

Casa de Saúde São Lucas

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

Yujô Gamer – Level Up

yujo-gamer-level-up

  • Site: Yujô Gamer – Level Up
  • Tipo: Site de evento sobre videogames, cultura pop/gamer e desenvolvimento de jogos
  • Tecnologias utilizadas: WordPress (self-hosted)
  • Responsivo? SIM
  • Situação: PRONTO
  • Endereço: yujofest.com

Este é o site oficial do evento sobre jogos digitais Yujô Gamer – Level Up, que ocorrerá em dezembro de 2015.

Este site foi feito em parceria com dois amigos meus. Um foi o responsável pela criação do layout e identidade visual e o outro me ajudou a desenvolver o tema para WordPress.

Novamente usei o framework CSS Foundation para compor os elementos de responsividade do site. Na parte de backend, usei o plugin Advanced Custom Field para acrescentar funcionalidades à criação de conteúdo, como a exibição de novas imagens além das imagens de destaque para cada post.

Yujô Gamer – Level Up

Conquista – Versão 1.0 Beta

conquistav1

  • Site: Conquista
  • Tipo: Site sobre videogames
  • Tecnologias utilizadas: WordPress (self-hosted)
  • Responsivo? SIM
  • Situação: PRONTO
  • Endereço: conquista.blog.br

Este é o meu blog de games, onde publico notícias, análises, vídeos e artigos sobre a cultura e a indústria dos jogos digitais. Este post é uma atualização direta do post anterior, publicado aqui.

Desta vez a identidade visual foi completamente refeita, bem como a estrutura geral do layout, que agora possui um visual mais flat. Atendendo ao feedback dos leitores do blog, abandonei os tons de cinza e passei a usar apenas branco e verde claro para compor o visual do meu blog.

Desta vez, após ter adquirido proficiência no uso do Foundation Framework, consegui criar um tema de WordPress completamente responsivo, usando recursos de visibilidade condicional (dependendo do tamanho da tela, alguns elementos do site aparecem ou desaparecem) e me aproveitando das configurações padrão de media queries desta ferramenta CSS.

Também instalei um plugin chamado Advanced Custom Fields (sobre o qual dedicarei um texto neste blog em breve), que me serviu perfeitamente para acrescentar elementos mais avançados de personalização do tema. Foi graças a ele que consegui criar sem muito esforço esse carrossel de exibição de vídeos do YouTube, que mostra os 3 últimos vídeos cujos link eu forneço em uma listinha nas opções do WordPress.

Como ainda há alguns poucos bugs a serem resolvidos e alguns ajustes a serem feitos, trata-se ainda de uma versão beta. Entretanto, este novo tema está mais bem acabado do que o tema anterior. Não devo demorar muito para terminá-lo de vez.

Conquista – Versão 1.0 Beta

FunBox Ludolocadora

funbox-ludolocadora

  • Site: FunBox Ludolocadora
  • Tipo: Site oficial de locadora de jogos de tabuleiro e artigos relacionados.
  • Tecnologias utilizadas: WordPress (self-hosted), WooCommerce.
  • Responsivo? SIM.
  • Situação: Pronto.
  • Endereço: funbox.com.br

Este é o site oficial da loja e locadora de jogos de tabuleiro FunBox, localizada em São Paulo/SP. Desenvolvi este site utilizando WordPress e um plugin de construção visual de páginas para compor a página inicial. As funcionalidades relacionadas a blogging foram escondidas a pedido da cliente e o site exibe uma coleção de páginas com a localização da locadora física e o acervo de boardgames disponíveis, entre outras informações.

Como a cliente solicitou que este mesmo site se convertesse em uma loja virtual futuramente, eu o construí utilizando o tema Storefront (oferecido pela WooThemes gratuitamente). Para a personalização criei um Tema Filho/Child Theme que me permitiu customizar o tema com a identidade visual da empresa de forma segura, garantindo que o site possa ser livremente atualizado sem que as alterações visuais se percam no processo.

Posteriormente instalarei o plugin de loja virtual WooCommerce e ativarei as funcionalidades relacionadas a e-commerce conforme a demanda da cliente.

FunBox Ludolocadora

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