Landing Page about nodeconfbr HOT 85 CLOSED

Design da página, feito por @estudio86, parabéns pelo trabalho!

from nodeconfbr.

Lembrando: os dados são de exemplo e textos serão escritos ainda pela parte de Publicidade e Propaganda, quem quiser ajudar é só mandar mensagem.

from nodeconfbr.

Valeu @jeanleonino! =D

from nodeconfbr.

Pessoal, configurei um container para servir a pasta landing como arquivos estáticos, então qualquer commit para aquela pasta vai entrar no ar em http://conf.nodebr.org dentro de poucos segundos.

from nodeconfbr.

Perfeito, @alanhoff, tendo o HTML vamos fazer update no repositório aqui.

from nodeconfbr.

@jeanleonino tem o PSD do layout? posso estar dando uma força no front

from nodeconfbr.

@jeanleonino @joridos Qualquer coisa eu posso ajudar também com o desenvolvimento

from nodeconfbr.

Pode crê @vitortalaia, quanto + gente ajudando melhor não?!

from nodeconfbr.

👍

from nodeconfbr.

@vitortalaia e @joridos, muito obrigado pela ajuda. A @estudio86, que fez o layout, começou a fazer o html e css no mesmo dia que entregaram o psd :) creio que se eles precisarem de ajuda irão avisar.

from nodeconfbr.

Entendi @jeanleonino, não tinha me ligado que era uma empresa que estava por traz

from nodeconfbr.

A @estudio86 é um estúdio de design :)

from nodeconfbr.

@jeanleonino @joridos Também não havia percebido... hahahaha

from nodeconfbr.

Fala pessoal, tudo bem? Galera, seguinte. Agradeço demais por vocês oferecerem para ajudar com o HTML.

Eu havia me comprometido com o @jeanleonino de fazer aqui pela agência, mas, essa semana entrou um job monstro com prazo para ontem, então, por alguns dias não vou conseguir que o Front daqui trabalhe na Landing Page.

Queria saber se teria problema passar o PSD para algum de vocês que se propôs a ajudar (@joridos ou @vitortalaia). Algum de vocês consegue quebrar esse galhão para nós?

O que acha @jeanleonino, teria algum problema fazermos dessa forma?

Abraços e boa noite (ou madrugada de trabalho haha)

from nodeconfbr.

Por min ta suave manow, precisando estamos ai!

from nodeconfbr.

Por mim, ok.

from nodeconfbr.

@estudio86 por mim suave, você que manda. Se mandar o PSD pra mim eu coloco no github depois. Ou o @alanhoff, @marcosbergamo podem fazer colocar no repositório, caso eu demore.

@vitortalaia e @joridos uma vez o psd estando aqui, fica com vocês a responsabilidade de se organizarem?

from nodeconfbr.

@jeanleonino Por mim tudo bem, e aí @joridos?

from nodeconfbr.

Tranquilo @vitortalaia !

from nodeconfbr.

Eu tb possodar uma força no front.

from nodeconfbr.

opa! me envolve no front também rs.

from nodeconfbr.

Só pra saber, já ta dando andamento na coisa?

from nodeconfbr.

@fernandoGuisso Ainda não, pelo que eu sei...

from nodeconfbr.

@fernandoGuisso @vitortalaia @jeanleonino ainda ninguem postou o PSD

from nodeconfbr.

a org usa algum meio de comunicação, como gitter ou slack?

from nodeconfbr.

Gitter https://gitter.im/nodebr/nodeconfbr
Sera que precisa do PSD pra começar, pq tb se usar SVG nesses bg vai ter que fazer o vetor no Illustrator.

from nodeconfbr.

se for seguir esse prototipo da pra fazer o skeleton no olho fácil fácil.

from nodeconfbr.

@estudio86 to tentando otimizar o SVG, se puder falar comigo depois, vlw

from nodeconfbr.

Opa, bom dia @fernandoGuisso. O que manda?

from nodeconfbr.

@estudio86, disponibiliza o psd pra gente!

from nodeconfbr.

@estudio86 eu preciso do arquivo .Ai com as letras antes de expandir a aparência, se puder entra pelo gitter pra ficar melhor de conversar

from nodeconfbr.

Eu tinha enviado já para o @jeanleonino, posso jogar aqui mesmo o arquivo?

Eu não entendo nada de Git, então, se puder enviar por aqui é mais fácil:
https://www.dropbox.com/s/45gwqv26c61duxg/landing-page-nodeconfbr-3.psd?dl=0

from nodeconfbr.

@fernandoGuisso Cara, não tenho arquivo em .AI, o layout foi todo feito no PS

from nodeconfbr.

@estudio86 to falando do logo, foi feito no illustrator né?

from nodeconfbr.

@alanhoff @paulohp @thebergamo deem uma olhada na landing page

from nodeconfbr.

Vou revisar o código da LP com o @IAMFELIPESOUZA acho que algumas coisas podem ser melhoradas. Acho que o @gpedro vai mandar um PR também. (:

from nodeconfbr.

to mandando o PR agora. ((:

from nodeconfbr.

@gpedro pode mandar o PR... @IAMFELIPESOUZA estou vendo a landing!

from nodeconfbr.

@thebergamo já mandei PR com o workflow atualizado e com mais javascript 0/ Agora é @neysimoes e @IAMFELIPESOUZA mandar bala ((:

from nodeconfbr.

@thebergamo conversei com o @gpedro e ele adicionou algumas coisas no workflow que vamos usar para deixar a LP bala! Hoje eu já pego essa demanda, vou conversar com o @IAMFELIPESOUZA para ver se ele pode ver comigo hoje se não depois eu alinho com ele.

from nodeconfbr.

Perfeito galera =D
Não consegui rodar a página, os comandados lá no readme.md não funcionam, qdo fui ver o package.json acho que está quebrado

from nodeconfbr.

@thebergamo tá "quebrado" por conta do main.styl. Acho que o Ney vai reescrever em stylus

from nodeconfbr.

blzinha =D

Qualquer ajuda que precisem só mandar um alô!

from nodeconfbr.

@thebergamo mandei outro PR corrigindo o build :P
https://github.com/IAMFELIPESOUZA/landing-nodeconf-br

from nodeconfbr.

@thebergamo você pode ficar à cargo dessa issue?

from nodeconfbr.

Tomarei conta então. Vou conferir os avanços de hoje =D

from nodeconfbr.

Pessoal eu abri a landing aqui.. vi algumas coisas estranhas.(dei pull hoje as 9:45)
Na lateral tem uma lista de navegação entre as partes do site. Vi também que ainda não está responsivo é isso mesmo?

Entretanto, caras estão de parabéns @IAMFELIPESOUZA , @gpedro e @neysimoes tá ficando bem bacana isso tudo! Vocês são d+

from nodeconfbr.

some news here?

from nodeconfbr.

@thebergamo acabei de reescrever quase todo layout usando Stylus, Jeet e Rupture. Aproveitei pra melhorar a nomenclatura das classes até para poder colocar alguns schemas, melhorar em SEO e incrementar um pouco mais de acessibilidade.

https://github.com/gpedro/landing-nodeconf-br

depois o @neysimoes vai dar um tapa na macaca da responsividade. @IAMFELIPESOUZA deixei algumas coisinhas faltando lá, se puder contribuir no meu fork, agradeço. Assim que finalizar eu mando pro upstream.

from nodeconfbr.

Beleza a noite eu dou uma testada. Estava querendo fechar isso até o final da semana acha possível? @gpedro

from nodeconfbr.

@thebergamo é possível fechar até final de semana sim :) já tá na reta final

from nodeconfbr.

galero, subi um gh-pages pra dizerem no que melhorar e etc.

http://gpedro.github.io/nodeconfbr/

Qualquer coisa, só mandar um PR
http://github.com/gpedro/nodeconfbr

from nodeconfbr.

Rapaz,ta muito bom sôr...

2015-04-28 16:22 GMT-03:00 Gabriel Pedro [email protected]:

galero, subi um gh-pages pra dizerem no que melhorar e etc.

http://gpedro.github.io/nodeconfbr/

Qualquer coisa, só mandar um PR
http://github.com/gpedro/nodeconfbr https://github.com/gpedro/nodeconfbr

—
Reply to this email directly or view it on GitHub
#37 (comment).

from nodeconfbr.

@thebergamo

update 01 (responsável: @gpedro)

• padrão de botões vazados
• diminuir textos do primeiro bloco para ficar alinhado ás bordas da logo
• diminuir fonte e subir os botões para não fica colado no próximo bloco
• aproximar mais os inputs do newsletter

update 02 (responsável: @gpedro)

• centralizar o newsletter
• nos botões seja patrocinador subir mais um pouco ainda tá bem perto da borda
• colocar a logo do estudio86

update 03 (responsável: @IAMFELIPESOUZA)

• colocar imagens das redes sociais no footer obs: usar images-sprites
• melhorar responsividade do footer
• adicionar o menu

update 04 (responsável: @neysimoes)

• parallax (sugestão)
• modularizar stylus

update 05

• mudar favicon
• adicionar tags open-graph
• adicionar google analytics
• finalizar layout de acordo com o postado no portfolio

http://gpedro.github.io/nodeconfbr/

from nodeconfbr.

deixa comigo essas issues aí hein ewoiewowe

from nodeconfbr.

@thebergamo dá uma olhada

from nodeconfbr.

@estudio86 poderia fazer um favicon e uma imagem pro OpenGraph para nós ? :P

from nodeconfbr.

blzinha galera =D

Vou cobrar isso na sexta hein e quero abrir no meu celular o site bonitão =D segunda feira seria fantastico se já estivessemos com tudo pronto para iniciar a campanha!

from nodeconfbr.

site no celular já tá lindão: gpedro.github.io/nodeconfbr. Só falta algumas ajustes básicos e o fucking menu. Estou pensando ainda como irei fazer esse menu flutuante. Pra PC, tudo bem, mas pra mobile/tablet... não sei se tiro ele no mobile/tablet ou coloco um menu escondido no canto, dai clica que abre.

from nodeconfbr.

Cara, celular acho que podia botar ele como um botão contraido na lateral, será que dá?

from nodeconfbr.

sim sim, dai clica no botão contraido na lateral e ele sobe pra tela o menu igual é no pc?

from nodeconfbr.

@thebergamo encontrei este layout em uma das issues, devo trabalhar em cima dela também? Se sim, irei precisar do PSD dele.

--edit
é lógico que vai precisar, então pfvr, me mande o psd.

--edit2
senti falta da seção de agenda e palestrantes

from nodeconfbr.

@gpedro verdade faz total sentido...preciso pedir uma ajuda pro estudio86. Tento ver com ele e te mandar a noite. Não consegue adicionar a seção e seguir o padrão?

Ai os fundos e afins a gente vai fazendo depois.

from nodeconfbr.

@thebergamo @gpedro Não entendi, você precisa do PSD da Landing Page?

Então, o layout não tem agenda nem palestrantes por que quando finalizei ele, essas informações não existiam. Se já tiver os dados, me manda que monto algo por aqui.

from nodeconfbr.

@estudio86 pode colocar dados fictícios mesmo.

http://braziljs.github.io/conf-boilerplate/#speakers

from nodeconfbr.

@gpedro Então, mas precisa saber quais infos de cada coisa precisam estar no layout. Tem algum link de referência para eu ver?

from nodeconfbr.

@estudio86
refs:
http://conferenciacssbrasil.com.br/
http://frontincuiaba.com.br/
http://frontinfloripa.com.br/

alguma referência, @thebergamo ?

nos palestrantes, somente a foto, nome, redes sociais e se couber, uma breve descrição do palestrante também.
na agenda é a foto da pessoa, o nome, titulo da apresentação e uma breve descrição.

from nodeconfbr.

@gpedro acho que isso dai resolve =D

from nodeconfbr.

@alanhoff @thebergamo @neysimoes @IAMFELIPESOUZA
o que vocês acham desse conceito inicial para os palestrantes?

from nodeconfbr.

Fala pessoal, bom dia. Achei legal esse modelo que o @gpedro montou. Montei mais 1 opção aqui também:

Ou assim, com um mini currículo de cada palestrante:

from nodeconfbr.

+1 pra com mini bio...

from nodeconfbr.

+1 pra com mini bio.

from nodeconfbr.

👍 com mini bio.

from nodeconfbr.

+1 mini bio

from nodeconfbr.

Legal seria ter uma seção Programação.
Como em conferenciacssbrasil.

from nodeconfbr.

Então, acho legal ter sim, mas, nesse site ai tem os dois, a área palestrantes e a agenda separadas.

from nodeconfbr.

@estudio86 muito bom, mas serão ~12 palestrantes, separando de dois em dois com mini-bio vai ficar muito extenso. Não consegue pensar em algo mais comprimido?

cc @thebergamo

from nodeconfbr.

(Espero não estar caindo muito de paraquedas na discussão)

@gpedro @estudio86 Não rola fazer a bio substituir a foto quando se coloca o mouse sobre a mesma ? Como se a foto "rodasse" e estivesse escrito atrás, algo assim, aí cria barra de rolagem dentro da caixa caso o texto não couber (talvez isso implique que deva aumentar um pouco o tamanho da foto pra não ficar muito pequeno o espaço pro texto).

from nodeconfbr.

@talyssonoc estamos pensado em algo parecido. Seria como um lightbox. Scrollar 👎.
obrigado pela sugestão. Temos algumas issues para serem resolvidas, se puder contribuir, agradecemos.

from nodeconfbr.

@gpedro @talyssonoc Acho que rola sim, ou ainda, um hover. Quando passar o mouse sobre a foto, ele exibir o texto da mini bio e os ícones sociais. Estou fora, mas, chegando, monto um layout e mando aqui, tudo bem?

from nodeconfbr.

@talyssonoc @thebergamo http://www.frontinfortaleza.com.br/#speakers

from nodeconfbr.

Foi mais ou menos assim que tinha pensado mesmo, @gpedro

from nodeconfbr.

@gpedro É isso ai cara.. acho que vai ser massa!

from nodeconfbr.

@gpedro como estamos? Precisa de algum help?

Já temos uma quantidade fixa de speakers. Se quiser já te passo.

Queria muito lançar o site junto com o C4P!

Acha que rolar trocarmos uma ideia hoje a noite pra finalizarmos o que falta? Eu te ajudo se for o caso.

from nodeconfbr.

@thebergamo estamos aqui. Estou aguardando que o @IAMFELIPESOUZA ficou de fazer. As outras coisas irei retomar hoje.

from nodeconfbr.