É uma boa pergunta, mas está errado. Não se trata de uma teoria de design para uma página inicial 'boa', mas de um período de abordagem de design - uma solução criativa lógica que melhor atenda aos objetivos / público-alvo do cliente, seja um site, folheto, aplicativo com tela sensível ao toque etc. Você deve começar em o mesmo local para os elementos principais do seu projeto (desenvolvi meu processo ao longo de muitos anos). Isso incluirá a base / marca / cores / fonte / imagens do cliente e, o mais importante, o que eles estão tentando alcançar a curto / médio / longo prazo.
Este é o principal exemplo: tive que montar um estande de convenções internacionais uma vez, nunca o fiz antes, ganhei o estande do show. Por quê? Porque eu não comecei com madeira, vidro, carpete, gráficos de grande formato, telas de plasma como as outras (ou seja, o modelo de inicialização da sua página inicial). O cliente queria quebrar o mercado com um novo produto. Eles tinham uma excelente equipe de vendas, então o briefing foi colocar as pessoas no estande durante o evento para que pudéssemos conversar com elas - é isso. Projetei o suporte em torno de um cyber café com assentos macios, café e chá caros (grátis), ponto de acesso à web e e-mail (grátis) e tela de visualização de grande formato para demos (com som e luzes). Eu também coloquei uma torre no meio que parou a 15 cm do teto com sinalização voltada para o NSEW, você podia ver isso de qualquer lugar do corredor. O suporte ficou bloqueado por 3 dias.
Voltar ao seu site. Começo com o que o cliente está tentando alcançar com a aplicação do site e como ele se encaixa no plano de marketing on-line / off-line mais amplo. Claramente, diferentes clientes terão objetivos diferentes, embora existam elementos comuns, como serviços / contatos. As coisas são que elas não vendem por si mesmas, portanto você não deve começar com elas. Expressar vantagens e benefícios envolverá os usuários, para conhecer seu cliente e o que eles estão tentando fazer com os negócios. Por exemplo, a unidade geral pode ser apoiar o desenvolvimento de mídia social e conteúdo OU uma transformação digital completa com serviços e formulários eletrônicos OU pode ser principalmente informações / dados em termos de uma autoridade local.
Outra pergunta: o celular é o foco principal? Isso pode parecer discutível quando 80% do tráfego está indo dessa maneira, embora comercialmente a área de trabalho / widescreen esteja ativa e boa e PODE SER o público principal de seus clientes - por exemplo, no HNW Finance mobile ainda não foi adotado devido a questões de segurança. Em todos os casos, você precisa conhecer isso PRIMEIRO antes de decidir sobre suas prioridades de UX, plano de site, canais / canal, navegação e página inicial .
Alguns exemplos breves - Finanças (Comercial Offshore) e Autoridade Local (Serviços de Água).
Requisito chave da empresa financeira: (1) promover equipe / experiência (2) benefício offshore (3) esclarecer o que eles fazem e seu setor de mercado (4) Governança (fundação, regulamentada, visão ativa / direta, nível / aptidão) (5) nova presença móvel (aplicativos chegando) Os itens acima direcionaram minha página inicial, mostrada abaixo. O menu é ultra simples e leva à equipe e contato (hambúrguer para o restante do site), logotipo claro e herói qualifica quem são e no exterior (sem carrossel), breve parágrafo de introdução resume a oferta com (no máximo 2 parágrafos) de base / sobre texto seguindo para a direita. Quatro painéis de CTAs (call to action) fornecem canais diretos para as principais informações de apoio à governança. Abre o Sans para o corpo 85% preto - compatível com dispositivos móveis. FEITO.
Requisito da autoridade local: (prestação de um serviço e informações para serviços de água / drenagem). Embora a organização tenha sido forte em meio ambiente e marketing, incluindo postagens sociais diariamente, a prioridade real era (1) a transformação para serviços digitais e a linha de ajuda de emergência ePay (2) (3) para o celular como canal primário de informações (4) 24/7 notificação ao vivo de trabalhos e questões atuais, inclusive de engenheiros no local. Os três principais canais identificados a partir da análise e da pesquisa com clientes foram (a) serviços de água (b) drenagem (c) consultoria / suporte (ajudar os clientes a se ajudarem, incluindo fichas técnicas, perguntas frequentes, centro de mídia para reduzir as chamadas telefônicas)
A solução abaixo segue esse exemplo. Nenhum herói como tal, nenhum espaço de carrossel é usado para introdução e links de serviços eletrônicos. 3 canais principais + pesquisa no site com ícones compatíveis com dispositivos móveis estão em um menu secundário na barra de navegação principal (branca) para manter esse primário muito claro apenas com o link de emergência e o hambúrguer do site. Pink apresentou como público-alvo 75% feminino (pagadores de contas) e funciona bem contra os azuis e os aquas (água). Ícones personalizados, simples e claros. As notificações principais (conduzidas pelo Twitter) seguem isso na tela inicial. Forte contraste / legibilidade de cores para regulamentação de acessibilidade (departamento estrito). Dirigido a CMS, incluindo responsivo a dispositivos móveis.
Por fim, não se deixe levar pelas tendências nos sites de modelos e na inicialização. Atualmente, existe uma tendência (outono de 2016) de usar texto branco sobre cenários claros, fontes de cabeçalho fino (como Helvetica Ultra Light) e <60% de preto para o texto do corpo, ou seja, cinza. Elas vêm do design de impressão, embora criem vários problemas de acessibilidade (por exemplo, para deficientes visuais e para representação em telas móveis). Lembre-se de seu treinamento em design, forma e função, é um equilíbrio que é particularmente importante comercialmente na tela. Você é um designer, não um lemming. Lidere a lógica, não siga os outros cegamente.
Eu dediquei um tempo para escrever isso porque acredito fundamentalmente na abordagem e quero ajudar você e outras pessoas. Não se prenda ao meu estilo de design ou criativo, você terá o seu próprio - pense na abordagem da solução. Ele trabalhou para mim por quase 20 anos no design de serviço completo e construí sites com sucesso desde 1997 em um MacII, quando tínhamos apenas 40K por página e 256 cores para brincar :).
Boa sorte na sua jornada