Tema de Abril 2015 + inspiração
Este já é o terceiro tema que posto aqui e finalmente ele reune tudo que eu sempre queria ter feito, mas não tinha conseguido parar para pensar afundo. Desta vez segui uma metodologia toda bonitinha e estou totalmente satisfeita com o resultado. Aliás, ainda tem umas coisinhas que preciso mudar (principalmente no rodapé dos posts e no cabeçalho do site), mas não pretendo fazer isso já. Enquanto isso continuo fazendo pequenas experiências, desde sexta-feira, quando pus no ar a novidade.
Apesar de amar marcas moderninhas com mistura de fonte, por exemplo, senti que para o Doce Quotidiano tinha que ter uma carinha mais tradicional, delicada, meio ~do campo~, de preferência cursiva e feita a mão de verdade. Entramos em contato com o Luiz Amorim e falamos mais ou menos o que esperávamos da marca. Adorei o resultado e comecei a usar na hora, apesar de saber que ainda falta acabamento. Ainda voltaremos a mexer nisto no futuro. Obrigada, Luiz, você é demais!
Para começar o leiaute, defini o que eu queria e comecei a buscar referências. Eu queria um site que fosse leve, clarinho, mas que tivesse o cabeçalho colorido com a marca grande. Com isso comecei minha busca nos blogs femininos e acertei em cheio, apesar de eu não gostar de definir o Doce Quotidiano como um blog feminino. Montei um board no pinterest com todos blogs que me chamaram a atenção e documentei direitinho que parte de cada um eu gostei. Na maioria foi o cabeçalho ou o site todo, mas alguns eu coletei devido ao rodapé dos posts ou outros pequenos detalhes assim. Com isto em mãos, comecei a pensar no meu cabeçalho. Notem que a etapa de pesquisa e estudos foi a mais longa, levando cerca de duas semanas. Também queria explicar que este processo de pesquisas é normal no ramo do design, fazemos isto para ver o que mais encaixa no nosso problema e analisar as soluções usadas em diferentes produtos que já existem. Não quer dizer que vamos copiar alguma coisa e sim admirar e nos inspirar!
Feito tudo isso, comecei os leiautes no photoshop e fui testando cada pedaço direto no PHP para ver como ficava na tela. Após a montagem do esqueleto principal e definição das cores e estilos, comecei a cuidar dos detalhes. Alguns elementos funcionaram melhor no site direto do que no photoshop, como os elementos da sidebar. Eu sequer tinha pensado em usar azul neles no photoshop! Finalizei e botei tudo no ar em poucas horas e nos dias seguintes otimizei algumas imagens e o responsivo. Taram! Acho que todo meu empenho em estudar jQuery, HTML5, CSS3 e PHP está dando certo. Consegui montar tudo como eu queria!
Minhas referências principais de layout (vale o click!)
true-luv.com
cataventocatarina.com
expressopradois.com
fiamapereira.com
