Layout do site about hackathon HOT 25 CLOSED

O botão está bom, por que é o único CTA do site.

Nas listagens dos users, eu deixaria duas linhas de bio e as redes sociais lado a lado

from hackathon.

Sobre os links pareceu fazer setindo, realmente o conteúdo é pequeno para colocar algum tipo de navegação na pagina, mais facil deixar o usuário rolar.
Achei estranho a parte dos Jurados virem antes da premiação, normalmente o usuário esta mais interessado no premio, logo se essa parte estiver mais em cima, poderá chamar mais atenção, mas claro no design não da para ter 100% de noção onde está o fold da pagina.
Os background pretos estão meio fortes demais, parecem estar quebrando o design, quem sabe usar um preto (menos preto), ou então outra cor do logo do Training Center.
O botão inscreva-se de baixo não tem contrate com o background, acho que ele deveria ser de outra cor.

from hackathon.

Não manjo de design mas gostei dessa opção, pra mim ta aprovado! Sugestão: que tal mais um link "Conheça o Training Center"? Só pra garantir que mais gente conhecerá a comunidade por trás da hackathon.

from hackathon.

PS: O nome é só de exemplo, ainda não foi definido.

from hackathon.

Antes do jurados eu explicaria o que é o hackaton, pra fazer sentido ter aquela lista de jurados.
Abaixo dos jurados, colocaria o prêmio e seus benefícios, pra fazer sentido a lista da organização.

from hackathon.

A primeira página está dando mais exposição a quem vai gerenciar, do que fazer o Dev se inscrever. Faltou outro CTA no final da página para reforçar a inscrição

from hackathon.

Acredito que vai ajudar, se pesquisar sites dos Startup Weekend, eles têm o mesmo propósito.

from hackathon.

1. O botão do header eu diminui levemente e add outro na sessão premiações, acho q ficou melhor.
2. Na listagem de jurados será q bio seria relevante pra quem acessa? o link do linkedin já tem a bio deles pra quem quiser conferir se eles tem gabarito(discutam ae).
3. Adicionei a sessão de "Premiações"
4. Explicar o q é hackaton, fiz logo abaixo do nome do evento agora.

from hackathon.

Está muito branco e as cores não estão encaixando...
Pense as caixas como sessões, utilize alguns ícones para ilustrar é deixar menos texto na interface. Pega do font awesome

from hackathon.

Ícones onde? E pôr cor onde? N entendo seu último comment.

from hackathon.

Coloquei uma cor na parte das premiações e o menu com tarja preta fixo pra melhor navegação. Ficou melhor? pior? tem algo a alterar?

from hackathon.

E se fosse usado um modelo mais fullscreen? Tipo esse aqui: http://treekode.com/quercus/demo4/ ou esse aqui http://idenconsultoria.com.br/ (na questão do layout mesmo, esqueçam os vídeos e sliders). Ai a gente pode usar o menu para direcionar para essas sessões também como ancoras.

Acho que é legal usar alguma coisa mais quadrada mesmo ao invés de cantos arredondados.

from hackathon.

Acho que fullscreen poderia dificultar um pouco na navegação pq ae obrigaria a pessoa a clicar nos botões para navegação em vez de rolar pq rolar levaria muito tempo. Sobre as âncoras já estava pensando em usar isso. O foco principal devem ser os textos e a navegação, não o design.

from hackathon.

Mas é a rolagem mesmo, normalmente

from hackathon.

Então o q eu falei é q dificultaria, n q impossibilitaria. Se cada assunto leva uma página inteira tenho q rolar muito pra ir pras próximas sessões ou clicar nos botões. Sem ser fullscreen dá menos trabalho pra quem rola.

from hackathon.

@danilosilvadev no topo:
tira a barra preta, adiciona overlay na imagem de fundo e coloca na esquerda e o menu com letras brancas a direita.
Na parte de premiação, os números estão bagunçados, deixa-os alinhados ao topo.
Tira o bottom dos CTA's, deixa o botao chapado e no momento click, voce adiciona uma transição suave. Além disso, o padding de top/bottom está pequeno, deixa uma area de respiro.
PS: o CTA do topo está diferente do premiação, é necessario seguir o padrão

from hackathon.

O padding top de cada sessão está diferente, veja o espaçamento entre o inicio da sessão com o titulo.

from hackathon.

o padding left dos jurados e organizadores está diferente também.

from hackathon.

Fiz as alterações. Vejam qual opção ficou melhor.

Opção 1:

Opção 2:

from hackathon.

Outra coisa, o menu vou deixar só as opções regras e dúvidas q redirecionam pros tópicos no github. Home não precisa pois é só uma page, âncoras parecia interessante mas tem muitas sessões ae ia ficar um menu grande porém o conteúdo é pequeno então n vai precisar rolar muito pra chegar no bottom do site. Então deixar um menu misto com links das regras e a parte com âncoras me pareceu estranho e meio confuso pra usabilidade. Logo pensei que só os dois links essenciais no menu já parecem de bom tamanho.
Regras e dúvidas.
Alguém discorda?

from hackathon.

No comentário das opções, eu prefiro a 2 com o botão branco ao invés da mesma cor do fundo, acho que dá uma diferença mais fácil de ver.

from hackathon.

Reduzi o contraste preto, coloquei as premiações logo depois do header e o background vermelho só nas sessões com foto pra equilibrar as cores do site com branco(pra n ficar uma área única colorida e uma toda branca). Agora só tem 2 botões no menu e tá mais simples. Galera vcs aprovam? podemos fechar a issue?

from hackathon.

Eu até que gostei desse

from hackathon.

Vou esperar até amanhã meio-dia pra opinarem mais e ae fecho a issue pra começar o desenvolvimento.

from hackathon.

Ok, layout aprovado. Vou fechar a issue.

from hackathon.