Jump to content
Sign in to follow this  
_Mighty_

Quartos.pt

Recommended Posts

Boas tardes

Estou neste momento a desenvolver um site para aluguer de quartos: Quartos.pt. O público-alvo são os estudantes.

E preciso de umas opiniões da malta principalmente a nível do design/aspecto, mas qualquer feedback é bem vindo.

Tenho neste momento duas versões de layout; uma mais recta e sóbria http://quartos.pt/; outra mais colorida e jovem http://quartos.chooseordie.me/quartos/.

As principais diferenças onde tenho dúvidas são:

Logo: cor vs preto-branco

Barra no topo: sim vs não

Bolas/Quadrados: bola vs quadrados

Cor bolas/quadrados: verde vs laranja vs outra

E que tal, o que acham?

Share this post


Link to post
Share on other sites

Eu prefiro a segunda e parece mais adequada ao publico alvo.

Logo: Não gosto de nenhum :-..

Barra no topo: sim

Bolas/Quadrados: bola

Cor bolas/quadrados: verde

Share this post


Link to post
Share on other sites

Boas tardes

Lançámos ontem oficialmente o Quartos.pt

Quem tiver quartos/casas para alugar ou estiver à procura, podem começar a usar. :)

Agradeço também que divulguem pelos amigos interessados.

Temos também página no facebook, a qual agradeço um like e uma partilha.

Obrigado pessoal.

  • Like 4

Share this post


Link to post
Share on other sites

Nota: O site está 100% funcional, mas ainda tem algumas arestas por limar. Como estamos numa fase importante, caloiros à procura de casa, tivemos que apressar o lançamento.

Share this post


Link to post
Share on other sites

Muda a cor dos círculos esse verde não dá com o laranja, ou faz clipping mask de uma imagem real e com css fazes um :hover, mais chamativo e respeita melhor a composição do site.

Ads divide-os pela grid. 33% max. Senão visualmente parece defeituoso.
Thumbs up para o logo. Trendy e simples.

EDIT: Achei a idea muito boa, boa sorte!
EDIT2: Ia ao kuler para te ajudar a níveis cromáticos, meteram o kuler no adobe cloud...
EDIT 3: O header entra em modo 'iPad' demasiado cedo. o Footer não fica centrado em 'Smartphone'.

Edited by Fritzthecat

Share this post


Link to post
Share on other sites

Muda a cor dos círculos esse verde não dá com o laranja, ou faz clipping mask de uma imagem real e com css fazes um :hover, mais chamativo e respeita melhor a composição do site.

Ads divide-os pela grid. 33% max. Senão visualmente parece defeituoso.

Thumbs up para o logo. Trendy e simples.

EDIT: Achei a idea muito boa, boa sorte!

EDIT2: Ia ao kuler para te ajudar a níveis cromáticos, meteram o kuler no adobe cloud...

EDIT 3: O header entra em modo 'iPad' demasiado cedo. o Footer não fica centrado em 'Smartphone'.

Obrigado por estas observações todas, vou ver!

Quanto ao kuler, isto dará para o que queres? https://kuler.adobe.com/create/color-wheel/

Share this post


Link to post
Share on other sites

Muda a cor dos círculos esse verde não dá com o laranja, ou faz clipping mask de uma imagem real e com css fazes um :hover, mais chamativo e respeita melhor a composição do site.

Ads divide-os pela grid. 33% max. Senão visualmente parece defeituoso.

Thumbs up para o logo. Trendy e simples.

EDIT: Achei a idea muito boa, boa sorte!

EDIT2: Ia ao kuler para te ajudar a níveis cromáticos, meteram o kuler no adobe cloud...

EDIT 3: O header entra em modo 'iPad' demasiado cedo. o Footer não fica centrado em 'Smartphone'.

Obrigado por estas observações todas, vou ver!

Quanto ao kuler, isto dará para o que queres? https://kuler.adobe.com/create/color-wheel/

Tentei googlar e não me tinha aparecido. Retiraram features, mas serve para o que te queria mostrar.

https://kuler.adobe.com/create/color-wheel/?base=2&rule=Complementary&selected=1&name=My%20Kuler%20Theme&mode=rgb&rgbvalues=0.7,0.3599352277440844,0.21143563010852068,1,0.3623781949513182,0.08394129345969659,1,0.3039509362267836,0,0,0.7,0.6110276869501149,0,1,0.8728966956430213&swatchOrder=0,1,2,3,4

Não é a mesmo laranja, mas dá-te uma idea de qual a cor que deves utilizar para dar destaque. (não é uma ciência exacta, mas o laranja fica sempre bem com esse azul)

Pessoalmente, Laranja/Azul/Cinza Claro. (Imagina um triangulo, vertices = cores. Em que todas as cores combinam entre si)

Quanto ao resto, quando voltar do bairro faço-te um exemplo, se não pescares de css, ajudo-te também.

Edited by Fritzthecat

Share this post


Link to post
Share on other sites

Muda a cor dos círculos esse verde não dá com o laranja, ou faz clipping mask de uma imagem real e com css fazes um :hover, mais chamativo e respeita melhor a composição do site.

Ads divide-os pela grid. 33% max. Senão visualmente parece defeituoso.

Thumbs up para o logo. Trendy e simples.

EDIT: Achei a idea muito boa, boa sorte!

EDIT2: Ia ao kuler para te ajudar a níveis cromáticos, meteram o kuler no adobe cloud...

EDIT 3: O header entra em modo 'iPad' demasiado cedo. o Footer não fica centrado em 'Smartphone'.

Obrigado por estas observações todas, vou ver!

Quanto ao kuler, isto dará para o que queres? https://kuler.adobe.com/create/color-wheel/

Tentei googlar e não me tinha aparecido. Retiraram features, mas serve para o que te queria mostrar.

https://kuler.adobe.com/create/color-wheel/?base=2&rule=Complementary&selected=1&name=My%20Kuler%20Theme&mode=rgb&rgbvalues=0.7,0.3599352277440844,0.21143563010852068,1,0.3623781949513182,0.08394129345969659,1,0.3039509362267836,0,0,0.7,0.6110276869501149,0,1,0.8728966956430213&swatchOrder=0,1,2,3,4

Não é a mesmo laranja, mas dá-te uma idea de qual a cor que deves utilizar para dar destaque. (não é uma ciência exacta, mas o laranja fica sempre bem com esse azul)

Pessoalmente, Laranja/Azul/Cinza Claro. (Imagina um triangulo, vertices = cores. Em que todas as cores combinam entre si)

Quanto ao resto, quando voltar do bairro faço-te um exemplo, se não pescares de css, ajudo-te também.

Obrigado. Vou experimentar.

Se puderes me mostrar um exemplo então para perceber melhor, agradeço.

Share this post


Link to post
Share on other sites

feedback:

devias tornar obrigatória qualquer descrição ter fotos do quarto/apartamento em questão... E ter alguma maneira de saber "imediatamente" se os quartos foram já alugados ou não, porque isso pode fazer com que a malta que consulte o site fique desiludida por todas as opções já estarem "alugadas" se for esse o caso...

Edited by panayotopoulos
  • Like 1

Share this post


Link to post
Share on other sites

Já contactaste associações de estudantes e associações de inquilinos para fazer a divulgação?

AEs estou a tratar disso. Conheces alguém da UM?

Inquilinos ainda não, obrigado pela dica.

feedback:

devias tornar obrigatória qualquer descrição ter fotos do quarto/apartamento em questão... E ter alguma maneira de saber "imediatamente" se os quartos foram já alugados ou não, porque isso pode fazer com que a malta que consulte o site fique desiludida por todas as opções já estarem "alugadas" se for esse o caso...

Obrigar a ter fotos podia afastar quem não as tivesse e neste momento precisamos é de anúncios. :)

Quanto ao alugado ou não, terá que partir do anunciante que tem essa opção no painel de gestão.

Ou então, ao fim de um tempo se não houver atualizações o anúncio é automaticamente escondido.

Share this post


Link to post
Share on other sites

Sei que a Associação costuma (ou costumava) afixar umas listas com quartos que eles mesmos procuravam ou que chegavam a eles.

Não sou grande ajuda quanto a contactos lá dentro.

Share this post


Link to post
Share on other sites

http://i.imgur.com/83EXr4T.jpg

Foi feito um pouco à pressa, mas é só para teres uma noção da clipping mask. Não respeitei qualquer tipo de tamanho/espaço/typo. Só a idea da imagem real vs icon. Não só dá uma maior noção de profisionalismo como o call to action soft mas ao mesmo tempo apelativo.


1// Normal (B&W ou Serpia) (A pessoa sabe que está lá, mas o focus continua a ser o slide)

2// ' Pessoa lê o título '

3// :Hover (Cor normal da foto) ( Pessoa é levada a clickar )

Quanto ao css transitions, é o que não falta na net, ao procurares verás um ao teu gosto, pessoalmente fazia como na foto (B&W ou Serpia) a níveis cromáticos e 1 segundo de transição. smooth.

Edited by Fritzthecat

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.