Como a cerâmica inspirou nosso mais recente design de modelo de site

A designer e desenvolvedora Laura DeGroot compartilha o processo por trás da criação do tema mais recente do Format, Kiln.

folha_1.gif

Provavelmente não é surpresa que a cerâmica tenha inspirado o tema de nosso mais novo site. Afinal, ele se chama Kiln e suas imagens de exemplo são uma coleção de cerâmicas feitas à mão. Mas o tema desse tema não é apenas uma ideia divertida - a cerâmica apresentada é, na verdade, o trabalho pessoal do designer que criou o tema, e as fotos foram tiradas aqui mesmo no Format por um fotógrafo da nossa equipe.

Como desenvolvedora de front-end no Format, Laura DeGroot normalmente desenvolve temas. Em seu tempo livre, ela faz cerâmica e também se interessou por design. Por isso, quando decidiu projetar e desenvolver um novo tema para o Format, ela se baseou na estética peculiar e artesanal de seu trabalho artístico para dar ao Kiln uma personalidade única.

Muitos dos membros da equipe da Format fazem suas próprias trabalho criativo Você pode ter uma experiência artística fora de seu trabalho diário; muitas vezes essa experiência artística acaba informando o que eles fazem no Format. Como fotógrafo e membro da equipe de sucesso do cliente da Format, Nicole Dee traz sua perspectiva criativa para ajudar as pessoas a deixar seus sites com a melhor aparência possível. "Um dia, fiz uma piada sobre como eu deveria fotografar a cerâmica dela para o site de demonstração", diz Dee sobre o tema Kiln da DeGroot. "Foi uma piada que se transformou em realidade! Nós simplesmente pegamos a ideia e a levamos adiante." As duas decidiram se unir para fotografar uma seleção de cerâmicas para o site de demonstração da Kiln.

"Nós realmente colocamos nossas duas estéticas na sessão de fotos", diz Dee. As pedras preciosas e a natureza são as principais inspirações por trás da estética Kiln; o tema tem um toque de sonho dos anos 1970 que Dee descreve como um "mundo de fantasia". Ela costuma tirar fotos em filme, mas para essa sessão optou pelo digital, usando um filtro de lente da década de 70, herdado de seu avô, para dar às imagens uma aparência prismática.

Para compartilhar mais informações sobre como o tema Kiln foi criado, conversamos com DeGroot sobre os desafios de criar um tema de site e como foi o processo de design.

site_do_forno_1

Revista Format: Qual foi o primeiro passo para você criar o tema?

Laura DeGroot: Acho que eu tinha apenas uma vibração que estava buscando, que acabou sendo demonstrada pela forma como a página da coleção funciona: uma sensação de alvenaria aleatória. Nunca encontrei a palavra certa para descrevê-la, mas o que eu queria era uma sensação aleatória de álbum de recortes. Já havíamos pensado nisso antes, mas era um desafio técnico fazer com que parecesse intencionalmente aleatório quando o usuário podia adicionar imagens de qualquer tamanho e qualquer variação de imagens. Portanto, era algo que ainda não tínhamos feito antes e que eu queria tentar.

E era uma situação única, porque eu nunca havia criado um tema antes. Fiz um curso de experiência do usuário recentemente e disse ao Garry [Ing, designer de produtos da Format] que estava interessado em ajudar a criar um tema. Ele estava disposto a me deixar criar um tema, o que foi fantástico.

Como foi o processo de design?

Fiz uma maquete de como eu gostaria que fosse a coleção e a levei para Garry, e conversamos sobre os problemas técnicos que poderiam surgir; quais eram as possibilidades; o que ele achava da aparência da coleção. Depois, passamos por mais algumas iterações. Ele me pediu que criasse um quadro de inspiração de diferentes sites que tivessem a aparência e a sensação que eu esperava que o tema tivesse.

Eu estava aprendendo o que era o processo de design enquanto fazíamos isso. Criei um quadro de humor para que Garry me ajudasse a destilar o que eu estava tentando alcançar a partir dessas imagens. Em seguida, ficamos andando de um lado para o outro enquanto eu definia o tema.

Quando eu tinha um bom deck pronto, que era uma prévia de como seria a loja, a galeria, a coleção, as páginas de contato, tudo, inclusive o cabeçalho e todos os diferentes estados do cabeçalho e do logotipo, apresentei-o à equipe de design do produto. Eles me deram seu feedback e, como eu estava projetando, não houve realmente uma transferência para o desenvolvedor.

Normalmente, definir quais são as suas expectativas como designer e comunicá-las ao desenvolvedor é uma parte complicada do processo, garantindo que essa comunicação aconteça. Mas eu sabia que podia simplesmente sentar e criar o tema e fazer algumas alterações durante o processo de criação - porque havia um desafio técnico ou algo assim - e podia fazer isso. Foi realmente incrível ter essa liberdade.

Em que tipo de sites você se inspirou?

Eu me inspirei muito nos estilos brutalistas. A rotação do logotipo foi inspirada em um Usuário Format que hackeou seu próprio site. Bem, não foi hackeado, mas ela criou um CSS personalizado para forçar a rotação do logotipo.

Meu argumento para isso foi que seria uma oportunidade interessante para os usuários fazerem arte com seu site. Eu também queria ter uma navegação lateral, que esse usuário fez em seu site, mas acabou sendo um pouco complicado demais tecnicamente. Talvez um dia possamos fazer isso, mas foi um pouco difícil com esse tema porque eu estava defendendo coisas que talvez não interessassem a muitas pessoas. Como a questão do layout aleatório, algumas pessoas talvez não se interessassem por isso. Portanto, foi um desafio ter essas opções no tema, mas também fazer com que o tema pudesse ser normal.

right_on_pottery_website_1

O trabalho de cerâmica de DeGroot em Right On Pottery Co..

Como você equilibra isso? Esse desejo de adicionar esses toques criativos e tornar o tema um pouco diferente, mas também mantê-lo simples para as pessoas que querem simplicidade.

Acho que temos sorte por podermos trabalhar com variáveis, de modo que as pessoas podem transformar seu tema no que quiserem. Foi bom ter a opção de torná-lo estranho se você quisesse, e parece que muitas pessoas fizeram isso, o que me deixa muito animado.

Analisei a lista de todos os usuários do Kiln, e a maioria deles fez alguma rotação com seu logotipo, o que é muito interessante. Pensei que talvez as pessoas fossem escolher um tema e, quando você escolhesse um tema, ele mostraria seu conteúdo nesse tema e pensei que elas veriam imediatamente o logotipo e diriam: "Isso é estranho. Não quero isso", e que ficariam desanimados com isso, porque é um pouco estranho. Mas parece que as pessoas realmente gostaram de usá-lo, o que me deixa muito feliz.

Como você se sente vendo os diferentes sites que as pessoas criaram? Você se surpreende com as coisas que as pessoas fizeram com o Kiln?

Sim. Sim, eu não esperava que as pessoas usassem tanto a rotação do logotipo, mas é muito empolgante. Quase chorei no primeiro dia - porque o lançamos e depois saí de férias por uma semana. Quando voltei, havia uns 100 usuários usando.

Eu estava olhando para todos eles e eles são tão bonitos. As pessoas são tão criativas e fazem com que o Kiln tenha uma aparência que eu nunca esperaria! Foi uma sensação muito boa.

Houve algum desafio que você não esperava por estar no lado do design da criação de um tema?

Acho que tentar manter minha visão original quando eu tinha a capacidade de simplesmente descartar coisas foi um pouco difícil, pois eu estava desenvolvendo e pensando: "Isso é difícil, vou alterar o design". Era um pouco difícil ter certeza de que o resultado seria como eu havia imaginado. Isso me deu mais empatia pelos designers, de certa forma, porque eu podia sentir um pouco melhor o apego que eles sentem aos seus designs. Mas também o fato de poder pesar os prós e os contras e ser a pessoa responsável por essa decisão também facilitou as coisas.

Há algum outro recurso maluco que você gostaria de adicionar a temas futuros?

Não é uma coisa maluca, mas o tamanho da fonte do logotipo agora tem um tamanho máximo de 60 pixels e eu quero poder torná-lo enorme. Eu queria que o site de demonstração do Kiln tivesse um logotipo gigante, com 130 pixels. Acho que esses logotipos grandes, pesados e com texto em preto seriam muito legais. Isso é algo que quero adicionar, com certeza.

Não sei qual será a próxima coisa, mas é divertido acrescentar essas pequenas coisas peculiares, como o pequeno rabisco. Essa parece ser a coisa favorita de todos, pelo menos na equipe.

NDS_2406

Nos bastidores da sessão de fotos do Kiln.

Veja mais do trabalho de design de cerâmica de Laura DeGroot em seu site site, criado usando KilnE, claro, você pode encontrar as fotografias de Nicole Dee em seu site site, construído usando o Format Tema Panorama.

A4 1 4

Um guia para aprimorar suas habilidades fotográficas

Eleve o nível de sua fotografia com nosso guia de recursos gratuito. Obtenha acesso exclusivo a dicas, truques e ferramentas privilegiadas para aperfeiçoar sua arte, criar seu portfólio on-line e expandir seus negócios.

Nome(Obrigatório)
Assine o boletim informativo Field Label
Esse campo é para fins de validação e deve ser deixado inalterado.
pt_BRPT