Jump to content

Quartos.pt


_Mighty_
 Share

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?

Link to comment
Share on other sites

  • 3 weeks later...

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
Link to comment
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/

Link to comment
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
Link to comment
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.

Link to comment
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
Link to comment
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.

Link to comment
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
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • 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.