Três perspectivas de designers sobre a abordagem de um redesenho de um site
Publicados: 2022-09-20Essas são apenas algumas das perguntas que as equipes criativas podem se fazer antes de um redesenho do site. As equipes criativas internas desempenham um papel crucial no design, planejamento e execução de um projeto de redesenho de um site moderno — por isso conversamos com Dani Balenson, um diretor criativo independente que trabalhou com marcas como Oscar Health e Vox Media (e ajudou a Webflow com a atualização da nossa página inicial em 2021!), Michael Rossi, Senior UX/UI Designer da Hubilo, e o Principal Brand Designer da Webflow, Kyle Benson, sobre as complexidades, tarefas obrigatórias e processos que seguem ao abordar um redesenho de site.
Um redesenho do site deve resolver um problema
“A web mudou tão drasticamente na última década que levou todos a perceberem que repensar a aparência e o funcionamento do site é uma necessidade.”
O site moderno é muito diferente e mais envolvente do que o desenvolvimento web durante os primeiros tempos da internet. Muitas vezes é um — se não o — principal ativo de marketing para qualquer empresa. “A web mudou tão drasticamente na última década que levou todos a perceberem que repensar a aparência e o funcionamento do site é uma necessidade”, explicou Michael. “Já trabalhei em alguns projetos em que uma equipe pensou que redesenhar seu site significava que eles tinham que mudar a marca, mas aos poucos consegui ajudá-los a entender que só porque você precisa redesenhar seu site não significa que você precisa mudar completamente cada aspecto disso”.
Dani ecoou esse sentimento e vê um redesenho como um tipo de atualização do site, o que significa que certos elementos de sua aparência, sensação ou funcionalidade podem permanecer consistentes. “[A atualização do site] é um batom diferente, um delineador diferente, um lápis de sobrancelha diferente – algo que você usa para parecer mais fresco e moderno”, explica ela. Como resultado, um redesenho não precisa ser baseado em algo tão grande quanto uma nova marca. Ele simplesmente precisa abordar uma mudança em seu negócio ou público-alvo.
Dani acrescentou que o design é um “serviço de comunicação” – que permite que você fale com um novo público ou conserte algo que não está funcionando da maneira que você deseja. Quando uma equipe chega a essa percepção, ela deve dar um passo atrás para reorientar as metas, definir os resultados desejados e começar a identificar os próximos passos.
Garantir que todas as principais partes interessadas estejam alinhadas com o objetivo
Para efetivamente realizar um redesenho adequado do site, todas as partes envolvidas devem se alinhar com o motivo de fazer um, o plano de ataque e o resultado desejado do projeto.
Kyle divide o design em dois campos. O primeiro – “design 'D' maiúsculo” – concentra-se na estratégia e no porquê. O “design 'd' minúsculo”, por outro lado, é a aparência. O design 'D' maiúsculo é o rótulo para um redesenho e, portanto, envolve muitas partes interessadas - que, dependendo do objetivo e do tamanho da empresa, podem incluir uma equipe de marketing, uma equipe de design ou criativa, marketing de produto, crescimento, UX, engenharia e mais.
Michael, Kyle e Dani têm experiências diferentes quando se trata de quem realmente possui e dirige um redesenho. Em algumas organizações, eles viram designers, mas em outras, pode ser alguém do Marketing que identifica o problema que eles precisam resolver ou define os resultados de negócios-alvo para o redesenho. Todos concordam, no entanto, que quem está conduzindo um redesenho como um esforço multifuncional precisa possuir escopo, planejamento, prazos e obter adesão de nível executivo antes que as equipes possam dar o pontapé inicial.
Crie um plano de projeto que prepare a equipe para o sucesso
“Deixe a hierarquia das partes interessadas clara, defina quem está envolvido e quais são suas funções, e desenvolva um plano de trabalho antes de definir um pontapé inicial do projeto para garantir que haja amplos recursos disponíveis.”
Uma vez que as equipes estão na mesma página sobre metas e responsabilidades, o planejamento começa. Na experiência de Dani, o planejamento normalmente começa com um briefing criativo. Este é um documento que define o histórico de um projeto, por que a equipe está fazendo isso, o que eles querem realizar, com quem estão falando, como querem se comunicar e referências para inspiração. Michael ecoou esse sentimento explicando que uma análise e um planejamento minuciosos fazem parte de seu processo criativo. “Provavelmente farei muitas perguntas quando estiver me aproximando de um redesenho porque quero conhecer todos os aspectos do que estamos tentando realizar”, disse ele.
Além de um briefing criativo, “Deixe clara a hierarquia das partes interessadas, defina quem está envolvido e quais são suas funções e desenvolva um plano de retorno para garantir que haja recursos suficientes”, disse Dani. Um plano de workback deve definir datas para os principais marcos que levam a uma data de lançamento acordada. E enquanto a maioria dos designers normalmente se concentra nas porcas e parafusos de um projeto de redesenho, Kyle explicou que algumas equipes podem ter um membro sênior da equipe de design, como um vice-presidente ou executivo, que estará envolvido nesse processo e precisa defender a criatividade. equipe para garantir que eles estejam preparados para o sucesso.
Para equipes internas que trabalham com uma agência, Kyle recomenda trazê-los durante esta fase de planejamento para obter suas sugestões desde o início - especialmente em infraestrutura e no quadro geral - porque geralmente estão cientes das práticas recomendadas do setor para objetivos diferentes.
Parte do planejamento também significa ter as ferramentas certas no lugar
Outro elemento crucial do processo de planejamento é a capacitação do ponto de vista da execução. Para Michael, Hubilo teve dois meses e meio para fazer um redesenho. Ser capaz de usar uma ferramenta de desenvolvimento web como o Webflow para seu redesenho significava que a equipe poderia construir páginas rapidamente, desenvolver interações e animações, acessar um CMS embutido e saber que quaisquer ajustes ou edições no caminho seriam simples de Faz.
O tempo costuma ser uma das maiores razões pelas quais as organizações atrasam a reformulação do site, mas as equipes que usam ferramentas para projetar e desenvolver visualmente podem fazer alterações menores com mais regularidade – exigindo visivelmente menos tempo no geral. Para Michael e a equipa da Hubilo, a migração para o Webflow deu-lhes a velocidade e flexibilidade que procuravam.
Para Dani, o poder de uma ferramenta como o Webflow é como ela possibilita a colaboração. “É tão rápido e tão fácil para os designers passarem de um design aprimorado para construir. Também é muito fácil editar algo, ver um link ao vivo e discutir quaisquer mudanças que queremos fazer juntos”, disse ela.
Palavras de sabedoria para designers que se aproximam de seu primeiro projeto de redesenho
Embora Dani, Michael e Kyle compartilhem o sentimento de que os redesenhos são complexos e complexos, cada um deles deu conselhos de despedida para designers e profissionais de marketing em empresas de hipercrescimento com um redesenho no horizonte.
“É um grande projeto com muitas pequenas peças em movimento, então seja o mais metódico possível. E nenhum projeto é o último, então faça o melhor que puder e aplique os aprendizados no próximo.” — Dani Balenson, diretor criativo freelancer
“Esteja aberto a mudanças e certifique-se de ter uma razão sólida para o motivo de querer redesenhar algo. E escalonar uma nova marca e um redesenho em vez de fazê-los simultaneamente.” — Michael Rossi, designer sênior de UI/UX, Hubilo
“Fazer a lição de casa sempre compensa. O trabalho crucial que você faz durante o planejamento é o que acaba sendo a âncora no final.” — Kyle Benson, designer de marca principal, Webflow