Maneiras de abordar a reformulação de um site

Publicados: 2020-12-17

Não é incomum ver um redesenho acontecendo em qualquer site a cada 3 a 5 anos ou mais. Podemos olhar para um redesenho de algumas maneiras diferentes, mas, em resumo, é "um novo visual" no qual se pode mudar:

  1. Apenas visuais - conteúdo, páginas e tudo o mais permanece o mesmo, mas o site parece mais moderno agora.
  2. Conteúdo e recursos visuais - essas seriam as primeiras + alterações de conteúdo, como páginas de destino, reordenação de artigos, novos tipos de dados e muito mais

A primeira é a maneira mais simples de um designer entrar, já que não deve haver muito conteúdo que precise ser preparado. O que nos leva à primeira fase de redesenho de um site, uma vez decidido, é claro:

Crie um novo conteúdo ou use o antigo

Um designer precisa saber com qual conteúdo ele trabalhará. Por exemplo - qual seria o título da página inicial, haveria legendas, parágrafos depois dela, talvez uma lista, um vídeo, uma imagem? Todas essas são informações que o designer precisa para mostrar qualquer coisa realmente.

E esta é a primeira decisão, se o conteúdo do site existente permanecerá como está ou novo será escrito. Se permanecer o mesmo, então tudo o que o cliente precisa decidir (ou a equipe de marketing, nesse caso) seria a direção geral.

Se o conteúdo tiver que ser retrabalhado, o designer terá que esperar que o novo texto esteja pronto e finalizado. Uma forma de apresentá-lo é através de wireframes onde são apenas caixas com texto, que o designer encomenda, ou seria um simples PDF com conteúdo por seção.

É claro que, uma vez que todo o site esteja pronto, a equipe editorial e de marketing teria liberdade para trabalhar com o conteúdo e fazer edições. Embora ter uma cópia do conteúdo desde o dia 1 também permitirá ao designer tomar as decisões corretas quanto aos elementos visuais que acompanhariam o conteúdo. Seja comprimento, quantidade de títulos, listas, recursos, mídia e muito mais.

Decidir sobre o estilo visual

O próximo seria "Como deveria ser?" Esta parece ser uma pergunta que o designer responderia, mas não é realmente o caso. Na verdade, essa é uma pergunta que o designer faz ao cliente com mais freqüência.

A direção visual pode ser ditada pelo rebranding da empresa, que pode ser para modernizar o site e se adequar a um grupo demográfico específico ou pode ser apenas um visual novo e atualizado para o site como um todo. Às vezes, a reconstrução do site, os conceitos do designer, tudo poderia gerar uma reformulação da marca da empresa, e não o contrário. E nem sempre estamos falando de grandes corporações aqui, marcas menores também podem se inspirar a refazer suas embalagens, sua presença social e muito mais, tudo por causa do trabalho do web designer em seu novo site.

Esta também é a fase em que os designers costumam chamar seus produtos de “um conceito”. O que é outra maneira de dizer que tudo se resume a encontrar a linguagem, aparência e / ou sensação corretas. Durante essa fase, os designs geralmente giram em torno da página inicial ou da visualização principal do site / aplicativo.

Dependendo da comissão / escopo, muitos conceitos podem ser criados. Com esses conceitos, os desenvolvedores, clientes, equipes de marketing e designers podem discutir qual é o caminho a seguir, que tipo de elementos funcionam bem juntos e haveria alguma alteração de conteúdo ou preocupações técnicas?

O estágio de conceito talvez seja um dos mais difíceis também, porque é quando a maioria das decisões são tomadas.

Aqui estão exemplos de perguntas que um designer pode precisar responder:

  • Seria uma imagem pesada, os gráficos são limpos / minimalistas?
  • Se usasse gráficos, que estilo seriam?
  • Quais fontes devem ser usadas
  • O esquema de cores antigo deve ser modernizado ou um novo deve substituir o antigo?
  • Quão interativo deve ser o site?

Dependendo da direção, há algumas coisas a serem consideradas nos conceitos:

  • A sensação original do site deve permanecer a mesma? Podem ser os esquemas de cores, gráficos, regras de tipografia e muito mais.
  • Em vez disso, deveria ser introduzida uma sensação completamente nova? Isso significaria que toda a restrição que um designer teria é o conteúdo.

Quando um conceito é escolhido (o que pode acontecer após muitas revisões), a próxima etapa pode começar:

Construir os componentes de design

Se nas etapas originais de tomada de decisão foi decidido que a estrutura do conteúdo / site permaneceria a mesma, o trabalho do designer será um pouco mais fácil. Tudo o que eles precisam fazer é transformar o design antigo em um novo conceito. Isso significa que ele / ela geralmente pode ir página a página e refazer cada componente para seguir a nova aparência. Aqui é onde você veria mudanças menores como retrabalho de componentes - espaçamentos, tipografia, cores ou mudanças maiores como mudanças de layout - posição de elementos, ordem e muito mais.

As partes importantes de um redesenho de site são as visualizações exclusivas. Contanto que uma página tenha um layout e componentes diferentes, um design deve ser preparado para a equipe de desenvolvimento. Em termos de design, também é bastante fácil mostrar uma ligeira variação, pois exigiria apenas copiar e colar uma prancheta com uma pequena alteração na ordem / conteúdo, portanto, essa é definitivamente uma etapa que não vale a pena pular.

Quando os designs são concluídos, eles devem ser verificados novamente pelos designers e pelo cliente, bem como por qualquer outra pessoa envolvida - marketing, vendas, desenvolvedores. Esta é a etapa final ideal em qualquer alteração importante, porque os projetos são relativamente fáceis de retrabalhar / alterar em comparação com a fase de desenvolvimento.

A fase de desenvolvimento

Normalmente é onde os designers concluem seu trabalho e passam o projeto para a equipe de desenvolvimento. A partir daqui, os designers geralmente apenas respondem às perguntas, fornecem recursos e, ocasionalmente, projetam estados de componentes específicos que estão faltando nos designs.

Idealmente, as alterações de design não devem ser feitas durante a fase de desenvolvimento antes do lançamento do novo site, pois isso geralmente resulta em atraso na entrega ou estresse desnecessário para todas as partes envolvidas.

Durante o desenvolvimento, geralmente há duas maneiras de abordá-lo:

  1. Uma nova construção
  2. Um retrabalho do site existente

No contexto do WordPress, muitas vezes uma nova construção gira em torno da configuração de um novo projeto, importando o banco de dados do site antigo, criando um novo tema com uma base de código limpa e implementando o design do zero. Além disso, neste caso, não haveria código legado além dos possíveis plugins e da integração do tema.

Se o prazo for muito curto, há duas maneiras de lançar no prazo com um novo tema:

  1. Não vá viver com tudo ligado. Esta é a abordagem mais razoável. Liste as páginas de maior prioridade e desenvolva apenas essas. Transmita ao vivo com eles e implemente quaisquer outros recursos e / ou páginas nas semanas após o lançamento.
  2. Vá com uma versão aproximada. Isso significa que você deve ter todas as páginas implementadas, mas não necessariamente editáveis. Pode até ser necessário ocultar um ou dois elementos, ou consertar algum bug devido ao pouco tempo para fazer os testes ou simplesmente porque você não teve tempo para consertá-los.
  3. Simplifique os elementos da interface do usuário no design que ocupariam a maior parte do tempo dos desenvolvedores. Por exemplo, podem ser menus de navegação complicados (desktop e celular), mapas / alterna / pesquisas, controles deslizantes ou layouts complexos.

Dependendo das prioridades - o prazo ou a qualidade - o cliente deve escolher em qual das duas a agência ou freelancers deve trabalhar primeiro.

No entanto, se o retrabalho tiver que acontecer gradualmente ao longo de algumas semanas, a agência ou freelancer terá que retrabalhar frequentemente o tema existente. Aqui, os desenvolvedores costumam criar uma nova folha de estilo para o novo site que pode ser migrada quando estiver tudo pronto e começar a reconstruir os modelos existentes a partir do cabeçalho / rodapé.

Substituindo página por página e implementando atualizações, o site pareceria inconsistente com a aparência antiga e a nova nas páginas. Embora não seja um site, o Windows 10 é um exemplo disso:

Fase Going Live

Esta é a tão esperada fase do lançamento ao vivo. Em geral, a maioria do controle de qualidade e análises do site seguem as mesmas etapas de um novo site - muitos testes, cliques em todos os lugares, certificando-se de que cada item do menu funcione, que as páginas funcionem bem, que o conteúdo seja bom e que todas as integrações são funcionais.

A principal diferença entre um redesenho e um novo site é o conteúdo existente, principalmente quando houve mudanças na estrutura do site. Os URLs antigos funcionariam? Haveria conteúdo perdido? Todos os dados antigos foram migrados recentemente? Há uma longa lista de “dias de lançamento” para percorrer, para os quais é mais seguro usar os serviços de uma boa agência de desenvolvimento web.

Resumo

A reformulação de um site é um longo processo que envolve muitas pessoas. Ele também tem muitas perguntas difíceis de responder e obstáculos técnicos a superar. Felizmente, na maioria das vezes. Essa mudança acaba sendo muito positiva para uma marca.