Modelo 11
Modelo New Face Institute
Vinho, lilás e ouro com as fotos reais do instituto, uma página para cada curso, agenda de turmas, professores e depoimentos de alunos. Feito para escola que vende cursos a profissionais da saúde e precisa mostrar as próximas turmas.
Venda exclusiva. Todos os sites do HHS são vendidos com exclusividade: cada modelo é vendido para um único cliente, e por isso o site dele é só dele. Este modelo foi feito sob medida para o New Face Institute (abre em nova aba) e já está no ar. Não será vendido de novo. O botão abaixo abre o site no ar, para você ver como ele funciona. Ele está na lista de sites concluídos.
No ar: o site do New Face Institute, escola de cursos de harmonização orofacial em Joinville (SC), coordenada pela Dra. Angela Tiburski, cirurgiã-dentista, CRO-SC 9914, com os textos e as fotos do instituto. É o site real, no domínio do cliente, e não uma demonstração.
Telas do modelo
Vendido
O que o cliente disse
realmente, o trabalho está muito bom
pela primeira vez tenho ficado satisfeito de entrar no site e navegar
ele me incomodava muito e eu não sabia bem o que era
mas acho que era layout, peso, velocidade
tudo um pouco
e para atualizar tbm era trabalhoso e chato
Como foi o projeto
Montado com os registros do próprio projeto: as 26 versões do código guardadas entre 22 e 30/10, as conversas de trabalho e as medições do PageSpeed, do Google. Nenhum número é estimado.
98
nota do PageSpeed no celular em 31/10. No dia da troca, 25/10, era 62.
3 dias
do servidor de teste, em 22/10, ao domínio oficial, em 25/10.
1 dia
da reunião com o instituto, em 27/10, aos pedidos dela no ar, em 28/10.
474
endereços do site antigo conferidos na troca, com 0 falha.
Análise do site antigo
Leitura completa do site anterior, em WordPress, com base nas regras de publicidade da área da saúde.
Site novo no servidor de teste
Os oito cursos, os professores e as turmas até dezembro, testados com cliques reais no celular, no tablet e no computador.
Blog e depoimentos de alunos
Os 53 artigos do blog que falam dos cursos, organizados por curso, e os depoimentos de alunos em moldura de celular.
No ar no domínio oficial
A troca foi feita de madrugada, com os 474 endereços do site antigo conferidos. Na mesma madrugada o site ficou mais rápido no celular: a nota do PageSpeed passou de 62 para 86.
Pedidos da reunião no ar
A reunião com o instituto foi em 27/10. No dia seguinte estavam no ar a página do curso de Otoplastia, a página inicial nova e a agenda com as capas dos folders das turmas.
Depoimentos em vídeo e perguntas frequentes
Depoimentos de alunos em vídeo e em print na página de cada curso, perguntas frequentes e WhatsApp próprio na página de paciente modelo, e capa nova do curso de Cervicoplastia. No mesmo dia veio o depoimento do Fabiano, acima.
Nota 98 no celular
Medição no PageSpeed Insights, do Google, na página inicial do site no ar.
Sistema de aprovação das postagens no Google
Além do site, o instituto ganhou um sistema próprio para aprovar as postagens da ficha dele no Google (Perfil da Empresa). Cada postagem aparece com a arte, a legenda, a data prevista e o botão que vai junto, e o instituto responde ali mesmo, pelo celular ou pelo computador. Nenhuma postagem vai ao ar sem essa resposta.
As postagens do mês, semana a semana
Cada semana mostra as postagens previstas, o dia da publicação, o botão que acompanha a postagem no Google e quantas ainda esperam resposta.
A arte inteira e a legenda
Um toque abre a imagem no tamanho real e a legenda completa, do jeito que vai ser publicada.
Aprovar, aprovar com ressalva ou negar
Na ressalva, o instituto diz o que muda e pode mandar o link de uma arte ou de um texto novo no Google Drive. A resposta fica registrada com o nome de quem respondeu, chega na hora para o HHS, e a postagem só sai depois do ajuste.
Sistemas únicos, feitos para cada cliente
Este sistema foi feito só para o New Face Institute, do jeito que a rotina dele pedia. O HHS desenvolve sistemas únicos e exclusivos conforme a necessidade de cada cliente: aprovação de conteúdo, agendas, cadastros, painéis internos. O endereço de cada um é só do cliente e não aparece no Google.
Quero um sistema assim (abre o WhatsApp em nova aba)A nota do site no Google
Medido no PageSpeed Insights, do Google, em , na página inicial do site no ar.
Celular
- Desempenho no celular: 98 de 100
- Acessibilidade no celular: 96 de 100
- Boas práticas no celular: 100 de 100
- SEO no celular: 100 de 100
Maior conteúdo da tela em 1,4 s; mudança de layout (CLS) 0.
Computador
- Desempenho no computador: 99 de 100
- Acessibilidade no computador: 96 de 100
- Boas práticas no computador: 100 de 100
- SEO no computador: 100 de 100
Maior conteúdo da tela em 1,0 s; mudança de layout (CLS) 0.
A maioria dos pacientes chega pelo celular, muitas vezes no 4G, e um site que abre rápido mantém essa pessoa até o botão de agendar. No computador, a velocidade reforça a confiança de quem pesquisa com calma. O Google também considera a experiência de carregamento. Veja por que a velocidade importa.
O print real do relatório
É a medição que deu as notas acima, como o Google entrega. O relatório vem em inglês: Performance é Desempenho, Accessibility é Acessibilidade e Best Practices é Boas práticas.
Faça o seu teste
O teste é gratuito, do próprio Google, e serve para este site ou para o seu site atual.
- No navegador do celular ou do computador, abra pagespeed.web.dev.
- Digite o endereço do site, por exemplo newfaceinstitute.com.br, e clique em Analisar.
- Em cerca de um minuto aparecem as notas, nas abas Celular e Computador.
- Repita duas ou três vezes e fique com a nota do meio, como foi feito aqui.
A nota pode variar um pouco a cada medição.
Links do site
Páginas
- Página inicial (abre em nova aba)newfaceinstitute.com.br/
- O instituto (abre em nova aba)newfaceinstitute.com.br/o-instituto/
- Cursos (abre em nova aba)newfaceinstitute.com.br/cursos/
- Curso de toxina botulínica (abre em nova aba)newfaceinstitute.com.br/cursos/toxina-botulinica/
- Agenda de cursos (abre em nova aba)newfaceinstitute.com.br/agenda-de-cursos/
- Seja um paciente modelo (abre em nova aba)newfaceinstitute.com.br/seja-um-paciente-modelo/
- Contato (abre em nova aba)newfaceinstitute.com.br/contato/
- Política de privacidade (abre em nova aba)newfaceinstitute.com.br/politica-de-privacidade/
Para quem é
- Instituto ou escola que dá cursos presenciais para profissionais da saúde e quer uma página para cada curso.
- Quem abre turmas todo mês e quer uma agenda que o próprio instituto atualiza pelo painel.
- Quem recebe depoimentos de alunos pelo WhatsApp e quer mostrá-los na página de cada curso, com moldura de celular.
Seções
- Topo com a chamada dos cursos de harmonização orofacial, a próxima turma e o botão de inscrição no cabeçalho
- A coordenação, com a Dra. Angela Tiburski e o CRO dela
- Os oito cursos para profissionais da saúde, cada um com página própria: conteúdo programático, professores, depoimentos de alunos e próximas turmas
- Próximas turmas, com as datas de cada curso
- O instituto, as aulas presenciais com teoria e prática, e o espaço
- Os professores
- Agenda de cursos, página para quem quer ser paciente modelo, contato com endereço, link do mapa e formulário
- Rodapé com CRO, razão social e CNPJ
Paleta
#681840
Vinho (botões, links e títulos de destaque)#521232
Vinho escuro (botão ao passar o mouse)#BEA4B7
Lilás (painéis em destaque)#84754E
Ouro (fios, bordas e detalhes)#CDBE96
Ouro claro (rótulos e destaques sobre o escuro)#2E2B36
Ameixa (seções escuras)#1F1C24
Ameixa escura (rodapé)#F3F1F2
Cinza (fundos de seção)#EFE8E8
Rosa (fundo alternado)#666666
Grafite (textos)
Fontes
- Montserrat, nos títulos
- Lato, nos textos corridos
- Mulish, nos menu e rótulos
Imagens
As fotos são do próprio instituto, dos professores e do espaço, levadas do site anterior, sem banco de imagem e sem foto de paciente. Os depoimentos são prints de WhatsApp de alunos, enviados pelo instituto, mostrados em moldura de celular na página de cada curso.
Quer um modelo só seu?
Cada modelo é vendido para um único cliente. Escolha um dos que estão livres no catálogo e mande a especialidade e a cidade pelo WhatsApp. O orçamento é feito na conversa.
Veio por indicação? Conte na mensagem quem indicou.