Sociedade Pinguim

Como transformei uma ideia em um portal de tecnologia completo usando processos de design junto a ferramenta WordPress.

Tags

Tecnologia

Comuidade

Blog

Ferramentas usadas

Canal do Youtube
Grupo no Discord
Perfil no Instagram
previous arrow
next arrow
 

O projeto

A sociedade pinguim é uma comunidade de tem como objetivo difundir conteúdo sobre tecnologia, Linux e software livre.

Existia a necessidade de ter um portal na internet, onde a equipe pudesse colocar conteúdo como matérias e artigos e novidades sobre tecnologia e divulgar os cursos gratuitos oferecidos pelo canal do Youtube. Minha missão foi transformar essa necessidade em realidade usando o WordPress como ferramenta.

Estudos iniciais

O processo foi bem próximo do cliente, entendendo o tipo de site que eles queriam, uso de cores e estrutura de conteúdo que ficaria presente no portal.

O time expressou a vontade de que a página lembrasse um terminal de código, com uma paleta de cores escura e usando as cores já utilizadas pela comunidade em suas publicações nas redes sociais.

previous arrow
Mapa mental da estrutura do site
Wireframe da página inicial
Wireframe página de cursos
next arrow
 

Configurações do WordPress

Guia de estilo

Como em todo projeto, preparo uma página para o controle e manutenção do guia de estilo do site: cores, tipografia e botões. Esse tipo de abordagem facilita mudanças globais e controle sobre o design.

Estrutura

Preparei uma estrutura organizada, que facilita a criação de conteúdo no site, bem como sua manutenção. Abaixo temos alguns pontos importantes da estrutura que montei:

previous arrow
Organização de imagens usadas no site
Organização dos artigos do blog
Ajustes com CSS
next arrow
 

Segurança

Foi instalado plugins de segurança para diminuir a chance de ataques com o plugin Solid Security e instalando um sistema autenticação em duas etapa(2fA).

Registro de acessos

Instalei e configurei o básico do Google Analytics e Tagmanager para registro e acompanhamento de acessos ao site.

Painel do Google Analytcs

Após as melhorias no SEO e design, no primeiro mês, o site teve uma incrível desempenho, número de acessos e na permanência de usuários no portal.

Painel do Google Analytcs

Entrega final do projeto

A entrega do site levou um pouco mais de um mês, já que é um projeto voluntário em que dediquei algumas horas por semana. A equipe recebeu tudo de forma positiva. O site está no ar, com artigos e cursos prontos para serem acessados.

Continuo atuando no projeto com planos de melhorar a sua segurança, além de monitorar o acesso e as visitas ao portal.

Materiais adicionais

Não entreguei somente o site, mas também outros materiais gráficos, como o manual da marca e o mascote da comunidade. A ideia é o uso desse personagem em postagens e comunicação em geral.

Materiais adicionais

Não entreguei somente o site, mas também outros materiais gráficos, como o manual da marca e o mascote da comunidade. A ideia é o uso desse personagem em postagens e comunicação em geral.

Contribuição à minha carreira

sp-personal-development

O controle de tarefas com metodologias ágeis, colaboração a um pequeno time de produção de conteúdo tem sido os principais aprendizados enquanto atuo nesse projeto.

Do ponto técnico, melhorei meu processo de construção do blog, configuração de capturas de acesso e sobre a sistema de segurança no WordPress.

sp-personal-development