Quando é o momento mais apropriado para fazer uma reformulação do site?
Quem não encontrou um site que parece desatualizado e abandonado? Como a carcaça de um caminhão quebrado deixado no deserto, claramente intocado por muitos anos.
Os sites são reformulados por vários motivos. Infelizmente, muitas empresas não percebem seu o site precisa de um redesenho e ficar para trás quando os rivais ganham uma vantagem competitiva, melhorando a sua, aumentando suas conversões como resultado.
Um erro frequente que as empresas cometem é não considerar desde o início o que pode acontecer se as necessidades de seu site se tornarem mais complexas e, como consequência, se encontrarem em uma situação difícil e potencialmente cara quando precisarem expandi-lo. Além disso, fatores importantes como a otimização do mecanismo de pesquisa (SEO), SSL (que afeta a classificação e a segurança) e a compatibilidade com dispositivos móveis (que afeta a classificação e a conversão) podem muitas vezes acabar sendo negligenciados.
Os novos designs de sites geralmente acontecem devido a uma mudança de liderança no topo, onde uma nova direção de branding é instituída e novos profissionais de marketing de marca entram em ação. Avaliando o site da empresa, eles ficam horrorizados ao saber que ele tem uma UX terrível e descobrem que uma quantidade considerável de conteúdo desejável está faltando. Chegando à conclusão de que é simplesmente um 'site de brochura' mal elaborado que não entrega a 'voz da marca' ou as conversões que a empresa está procurando, o consenso é que está pronto para a mudança. É hora de reformular o site.
Uma reformulação do site para uma empresa automotiva
É importante mencionar que este estudo de caso de reprojeto do site automotivo não é um reprojeto oficial comissionado. Não tenho nenhuma informação privilegiada sobre a empresa, sua estratégia digital ou a indústria automotiva como um todo. Estou simplesmente usando a indústria automotiva como um caso de teste para um estudo de caso de redesenho de site.
Neste estudo de caso, percorremos o processo de reformulação do site da marca automotiva croata, Carros Rimac . Rimac é uma marca que começou com um conceito de carro simples e, desde então, se expandiu para uma grande empresa de fabricação de componentes. Como muitas startups, a empresa começou com uma ideia que acabou evoluindo para algo diferente; essa expansão afetou a estrutura do site e todo o foco do usuário mudou. A demanda do mercado levou a empresa a outra direção, então o foco do site também precisava mudar.
Existem muitos aspectos e ângulos diferentes a serem considerados para alcançar um ótimo solução de design de site . Apesar do fato de que o anterior web designer pode não ter tido os recursos ou tempo suficiente para Pesquisa UX , wireframing , prototipagem e teste de usuário , quando se trata da qualidade geral de um design, mesmo as menores decisões iniciais de design podem ter repercussões negativas significativas, e uma qualidade de site abaixo do ideal acabará por levar a um redesenho do site em dois ou três anos. O resultado disso é que, no longo prazo, os clientes estão pagando mais por um site do que imaginam. Estratégia de conteúdo e arquitetura de informações bem definidas são cruciais quando se trata de um novo design de site.
Ao projetar grandes sites corporativos, portais de notícias e outros sites com muito conteúdo, sou um grande fã de design atômico , um sistema de design flexível que trata da criação de todos os componentes da IU que funcionarão em várias telas e situações imprevistas no início de um projeto. Mesmo que este estudo de caso específico não seja para um grande portal de notícias, ele tornará o processo muito mais fácil se uma biblioteca de design de elementos de design atômicos (um conjunto de componentes de design cuidadosamente considerados e bem definidos) for configurada para trabalhar com mais tarde.
custo de mudança nas cinco forças de Porter
Somente depois que o site tiver a estratégia de conteúdo apropriada e arquitetura de informação no lugar, caso o foco mude para a experiência do usuário. Sem a estrutura adequada do site, o design da experiência do usuário não tem potência. Talvez à primeira vista o site tenha uma boa aparência e funcione bem, mas se não houver flexibilidade suficiente, é inevitável que em algum momento a empresa precise considerar a reformulação do site.
Por que redesenhar o site desta empresa automotiva?
A Rimac Automobili está se expandindo e, de acordo com postagens oficiais, um novo carro-conceito chamado “Concept_One” já está em produção. No momento do redesenho do site não autorizado, o site apresentava apenas um carro, o “C_Two.” Não havia variedade visual - o site foi criado a partir de dois modelos para que cada página fosse muito semelhante. O design foi focado em imagens grandes e atraentes do carro, sem muito mais para ilustrar o C_Two qualidade do carro - informações essenciais necessárias para direcionar os visitantes do site a uma decisão de comprar o carro.
Como diz o ditado, 'Você nunca tem uma segunda chance de causar uma primeira impressão'. É fundamental usar o impacto de um excelente design para persuadir os visitantes (que, neste caso, seriam principalmente entusiastas de carros de alto desempenho), a comprar um carro que custa perto de um milhão (USD). Esses sites sofisticados precisam atender a um padrão incrivelmente alto. Eles devem projetar um senso de qualidade e carisma e oferecer um alto nível de habilidade de vendas, bem como um estilo atraente.
Um ótimo design de site deve se destacar em um mar de sites semelhantes
Um grande problema na indústria automotiva é que a maioria dos sites naquele espaço tende a ter a mesma aparência. Além de diferentes esquemas de cores e imagens heroicas, quase parece que eles estão usando o mesmo modelo de site.
Existem muitos fatores por trás das decisões de design do site de uma empresa automotiva, mas uma distinção clara precisa ser feita entre um carro de $ 1 milhão e $ 25.000 e na forma como eles são apresentados.
No espaço automotivo de alta tecnologia, Ferrari , Lamborghini e Aston Martin têm sites excessivamente simples e tipicamente corporativos que (na minha opinião) realmente não oferecem uma ótima experiência do usuário.
A faixa de consumo médio ( Volkswagen , Toyota , Peugeot e assim por diante) tem uma estrutura de conteúdo de site muito semelhante aos exemplos mais sofisticados mencionados acima. A maior diferença entre as marcas de automóveis de consumo de gama alta e média é o preço - então seria de se esperar que a Rimac com seus carros de gama alta teria um site excelente para refletir essa diferença e mostrar sua marca cara.
As expectativas do cliente são altas ao visitar esses sites de marcas de automóveis ultrarrápidos; é um grande compromisso financeiro e, naturalmente, eles querem ter certeza de que estão comprando o melhor carro que seu dinheiro pode comprar.
Por que um Rimac é melhor que um Toyota? Olhando para seus sites, não há muita diferenciação entre essas duas marcas muito diferentes. Isso não deveria ser evidente pela qualidade de seu site?
Visando compradores de carros sofisticados com excelente design de site
Qualquer site deve considerar seus usuários. Quem é o público-alvo deste tipo de carro? O que eles estão procurando?
Os carros da Rimac custam cerca de US $ 850.000 e apenas alguns serão fabricados, o que os qualifica para um rótulo de 'edição limitada'. Embora não possamos identificar com precisão o tipo de cliente que estaria interessado em comprar esses carros, podemos presumir que a maioria dos clientes será da elite rica. O site da Rimac está direcionando esses clientes de forma eficaz?
Analisando a Arquitetura da Informação
Em nosso site de exemplo, pudemos ver que o primeiro item de navegação foi “Concept_One” (na época, era o único produto da empresa). O site real já foi atualizado. O segundo item de navegação é a evolução da empresa, como o carro foi produzido, enquanto o terceiro item são os produtos e serviços da empresa. O quarto item de navegação é outro produto da empresa ( Bicicletas elétricas Greyp ) Os dois últimos itens são “imprensa”, contendo comunicados de imprensa, e o “blog”, nenhum dos quais é particularmente útil, pois a maioria de suas notícias foi publicada em redes sociais.
Outra questão era que o vínculo com a carreira estava escondido como um item de navegação secundário, menos importante e, dada a grande expansão da empresa, representava um assunto importante. Se considerarmos o usuário como o foco das preocupações corporativas, veremos que na maioria dos sites de empresas (as exceções típicas são sites corporativos / extremamente grandes) é muito importante ter um link de 'carreiras' ou CTA proeminente.
O processo de redesenho do site
Imagem Hero da página inicial antes e depois
Originalmente, a intenção era criar uma versão mais escura e poderosa do carro. Eu encontrei algumas imagens do Concept_One carro online e com um pouco de “magia do Photoshop”, criou a primeira imagem de herói para a página inicial. A próxima ideia era fazer uma animação revelar lentamente o carro, primeiro o fundo, depois um contorno do carro, seguido por uma imagem totalmente renderizada.
O Design da Página Inicial
Para a página inicial, o conceito era definir duas áreas visuais principais: a navegação superior e a imagem do herói do carro. É isso aí. A fim de torná-lo minimalista, mas marcante, qualquer coisa desnecessária foi removida. Em uma rápida olhada, todas as coisas importantes ficam visíveis - todo o resto foi movido para subpáginas dentro do site.
Estratégia e Design de Conteúdo
Para esses projetos de renovação do site, é importante também projetar o conteúdo, não apenas a estrutura do site e a estética visual. Por se tratar de um redesenho de site não autorizado, ele oferece mais liberdade para experimentar, bem como uma flexibilidade estética onde existe a oportunidade total de tomar nossas próprias decisões de design.
O processo é simples:
- Prepare o corpo do texto que aparecerá no site.
- Comunique alguns elementos de design - por exemplo, detalhes atraentes sobre aceleração, potência e velocidade máxima - por meio de ícones ou animações interativas.
Ao fazer isso, palavras auxiliares não são necessárias na IU e a atenção é direcionada para áreas que são mais importantes para os visitantes do site.
Redesenho de navegação do site
A estrutura de navegação do site agora é reorganizada com base em uma hierarquia de importância. Nós temos Veículos como o primeiro menu suspenso na navegação, o que dá flexibilidade ao design, pois permite à empresa adicionar mais modelos de carros no futuro.
s corp vs c corp vs llc
Para fornecer acesso imediato ao secundário Produtos página da página inicial, foi decidido que, por uma questão de eficiência, em vez de criar outra página de listas de produtos (em outra página da web) Produtos e suas subcategorias poderiam ser incorporadas à página inicial como uma área suspensa e fazer parte da navegação. O design abaixo mostra vários produtos renderizados como ícones na página inicial quando os visitantes clicam Produtos na navegação. Para as renderizações de produtos 3D, significando os segundos níveis sob Produtos , Eu recomendaria Three.js, WebGL, Canvas e Greensock, pois são ferramentas padronizadas bem conhecidas.
Páginas secundárias na reformulação do site
Em contraste com o Pagina inicial , páginas secundárias, como o Sobre e Serviço as páginas usam uma grade diferente com o padrão Z. A intenção do layout de grade diferente é fornecer aos visitantes um ambiente mais interessante e dinâmico durante a digitalização dessas páginas.
A ideia central ainda é o minimalismo visual com o mínimo de texto possível. As pessoas não vêm a esses tipos de sites automotivos para ler muito texto, mas para obter informações de forma rápida e visual. Esse era o pensamento por trás de fontes grandes e em negrito nos títulos das páginas e no emprego de diferentes estilos de fontes.
É importante observar que esse tipo de reformulação do site de 'brochura da empresa' é diferente de uma reformulação do serviço. Um site de “brochura da empresa” é mais sobre produtos de marketing. O redesenho do site orientado a serviços é mais inclinado para a conversão de cliques em conversões e lucro eventual.
Conclusão
Existem vários outros artigos de blog de design por aí recomendando porque é uma boa ideia para designers para se envolver em projetos de design não comissionados paralelamente. Se você quiser criar um projeto realmente legal, escolha uma ideia - pode ser um site, um aplicativo, um produto SaaS corporativo - e resolva um problema de design para ele.
Dribbble está cheio de projetos de redesenho conceitual não solicitados onde designers digitais têm a oportunidade de mostrar seus talentos de design. Além de oferecer a você um design bacana que apresenta uma solução criativa para o mundo, trabalhar em um problema de produto “real” mostrará às empresas e clientes em potencial como você pensa, seu processo e sua experiência.
No meu caso, foi um ótimo exercício lidar com um site automotivo de alta tecnologia porque é particularmente importante para o design de sites neste setor atender a um padrão excepcionalmente alto.
No entanto, uma palavra de cautela: antes de mergulhar e começar a projetar, é uma boa ideia estar voltado para o futuro e considerar como qualquer site em particular precisará ser em três anos, não apenas do ponto de vista da estética do design, mas do conteúdo, função e estrutura. É crucial que a flexibilidade integrada seja uma consideração séria de design. É mais fácil, mais eficiente e muito menos doloroso fazer pequenos ajustes para atender às demandas futuras quando o site ou as subpáginas estão funcionando e escaláveis.
Às vezes, é muito difícil convencer um cliente em potencial a fazer uma reformulação do site. Freqüentemente, os clientes relutam em se comprometer devido à falta de recursos, fundos ou tempo. No entanto, uma reformulação não solicitada de um site é uma ótima maneira de mostrar o processo de reformulação do seu site para o mundo. E quem sabe? É bem possível que o redesenho do seu site possa impressionar um cliente relutante o suficiente para que ele dê luz verde para um projeto 'real', onde, como um bônus adicional, o designer é pago!
• • •
Leituras adicionais no ApeeScape Design Blog:
- Os fundamentos da reformulação do site - um estudo de caso
- O verdadeiro ROI da UX: estudos de caso de redesenho de B2B
- Tirando a IKEA da caixa e redesenhando-a para 1,6 bilhão de usuários
- Vamos redesenhar o Facebook: 10 inspirações para você começar
- Como o CrunchBase deve ser projetado
Compreender o básico
O que é o redesenho do site?
Cada reformulação do site é diferente, mas os objetivos básicos são melhor UX, maior presença online e maiores taxas de conversão. Uma reforma típica de um site atualizará os gráficos e a interface, além de atualizar o layout, o conteúdo e o SEO.
Com que frequência você deve redesenhar um site?
Para se manter atualizado e competitivo, um site deve ser atualizado a cada dois ou três anos. O processo de reformulação do site não é algo para ser considerado levianamente. Quanto mais cuidadoso for o redesenho, maior será o poder de permanência.
responsabilidades do diretor financeiro
Por que atualizar um site é importante?
Um novo design de site é crucial para que uma empresa permaneça relevante e competitiva. É importante garantir que um site pareça contemporâneo e atualizado, permaneça seguro, eficaz e atualizado; que seu conteúdo é novo, o SEO é maximizado e as análises são monitoradas.
Por que o design de um site é importante?
De acordo com estudos, quase 75% dos visitantes julgam uma empresa pelo seu design. Um ótimo design de site considera estética, UX, conteúdo e metadados. Ele apóia uma estratégia de marketing, aumenta o conhecimento da marca, atrai visitantes e ajuda a convertê-los em usuários.
