Reformulação do website

fmoliveira commented 9 years ago

Fala galera, beleza?

Precisamos dar uma reformulada no site do Nodeschool Campinas pelos seguintes motivos:

Melhorias no layout;
Esclarecer melhor o que é o NodeSchool para quem nunca ouviu falar sobre ele - isto deve ajudar a chamar a atenção de estudantes, mentores e patrocinadores;
Falar mais sobre os detalhes do evento, o que já fizemos, e o que vamos fazer.

Conteúdo desejado:

Descrição do NodeSchool;
Chamadas para estudantes e mentores;
Dados sobre os meetups passados e futuros, já em uma forma facilitada de atualização;
~~Galeria de fotos~~ Uma foto por evento passado com link para o álbum no Facebook/Meetup;
Logotipos de parceiros e patrocinadores;
Links úteis (por exemplo: nodejs.org e nodeschool.io).

Segue lista de alguns que eu achei legais, para nos inspirarmos:

Quem mais tem sugestões? :smiley:

fmoliveira commented 9 years ago

ping @MiattoRocha

fmoliveira commented 9 years ago

ping @IAMFELIPEMATTOS @rodolfoprr @nubunto @brunobelarmino @edersonnascimento

fmoliveira commented 9 years ago

O Hexo é um gerador de sites estáticos em Node.js, parece ser uma alternativa super bacana ao Jekyll.

https://hexo.io/

notnotgabriel commented 9 years ago

O Harmonic também é bacana @fmoliveira

https://github.com/JSRocksHQ/harmonic

lnfnunes commented 9 years ago

Antes de pensar na tecnologia de geração, penso que o primeiro passo seja criar um layout de referência com as características que o @fmoliveira comentou. Já temos alguém olhando para isso ?

rodolfoprr commented 9 years ago

curti bastante o http://nodeschool.io/hamburg/, por mim é ctrl c + ctrl v nele! huahuah

fmoliveira commented 9 years ago

Estes aqui também estão bacanas, bem minimalistas e objetivos:

Este ficou legal por usar as cores de Node.js, mas ainda gostei mais dos anteriores:

http://nodeschool.io/raleigh-durham/

fmoliveira commented 9 years ago

Legal @BielRibeiro , valeu pela dica!

fmoliveira commented 9 years ago

Com certeza @lnfnunes , o primeiro passo é criarmos o layout de referência mesmo.

Não sei se fazemos um novo layout ou apenas adaptamos o atual para incluir as informações faltantes.

O nosso layout atual ficou bem popular apesar de ser um Bootstrap basicão. Foi forkado Em San Francisco, Las Vegas, Kanpur e Florianópolis.

Os forks de Vegas e Kanpur conseguiram adaptar bem novas informações e manter o layout minimalista, acho que ficaram bem legais.

Mas até agora o meu preferido foi o de Los Angeles, que conseguiu fornecer maior quantidade de informações em um layout bem clean.

Acho que se trabalharmos emcima do nosso da mesma forma que o pessoal de Las Vegas e Kanpur fizeram dá para incluir as informações faltantes numa boa com pouco esforço.

victorperin commented 9 years ago

Gostei bastante do final da página de San Francisco, com a foto de cada evento. O que vocês acham?

fmoliveira commented 9 years ago

Também achei show de bola @victorperin !

Estou trabalhando no layout atual mesmo, logo atualizo para vocês verem o que acham. ;)

fmoliveira commented 9 years ago

Pessoal, dei uma atualizada bem de leve.

Coloquei um pouco mais de informações, a data e foto do último Meetup, e chamadas para estudantes e mentores. Mas as chamadas não estão muito destacadas, seria legal usar algum recurso visual para chamar mais atenção.

Caso alguém queira contribuir fique a vontade.

rodolfoprr commented 9 years ago

A imagem do Meetup ficou achatada aqui... tentei arrumar mas falhei miseravelmente, porque em resoluções diferentes da minha a imagem ficou "espremida" hauhuaha

fmoliveira commented 9 years ago

@rodolfoprr kkkkk, é porque as classes do carousel tem 500px de altura fixa. Precisa substituir o carousel por um jumbotron com height auto ou então criar uma nova classe com height auto !important. O último é mais fácil porque a classe carousel já está implementada para permitir adicionar tags img que se comportam como imagens de fundo, que eu acho que fica melhor do que definir background-images com URLs dinâmicas no CSS.

Na teoria este é o ponto de partida, mas fiz apenas um teste rápido no developer console, talvez ainda precise de mais ajustes...

lnfnunes commented 9 years ago

Mandei um PR ajustando a foto do meetup e também do banner superior. Confira se está de acordo por favor.

ps: onde está o novo logo que votamos? Vou tentar montar os ajustes de layout q vc comentou no início.

notnotgabriel commented 9 years ago

_nodeschool_cps_6 nodeschool_cps_1 nodeschool_cps_2 nodeschool_cps_3 nodeschool_cps_4 nodeschool_cps_5

notnotgabriel commented 9 years ago

Não lembro se definimos um, mas estão aí todos os que mostramos aquele dia =)

notnotgabriel commented 9 years ago

Acho que teve algum ajustes na verdade. @rodolfoprr o Lucas chegou a te passar aquele que ele ajustou? Eu vi ele mexendo esses dias. Vou ver com ele amanhã.

lnfnunes commented 9 years ago

Se não me falhe a memória o escolhido foi esse com ajustes de cor (igual do node) e simplificação das linhas. Vou esperar vcs verificarem com o designer ;-) VALEU @BielRibeiro !!!

notnotgabriel commented 9 years ago

@lnfnunes vejo com ele e passo por aqui amanha. É nois.

fmoliveira commented 9 years ago

Obrigado @lnfnunes , já aceitei o seu PR, ficou ótimo!

Isso mesmo, o logo escolhido na votação foi este que vc linkou com os ajustes mencionados.

Valeu @BielRibeiro ! ;)

fmoliveira commented 9 years ago

Acabei de incluir o logotipo oficial do NodeSchool Campinas no site, mas ainda precisaremos de ajustes na imagem de fundo para dar destaque ao logotipo.

fmoliveira commented 9 years ago

O site está bacana por enquanto. Estou fechando.

Obrigado a todos pelas ideias e pelas contribuições!

nodeschool / campinas

Reformulação do website #4