Como reconstruímos
a Anna Miller's.
Cada escolha que fizemos, e por quê.
annamillersrestaurant.comUse o site antigo. Depois veja o novo.
Nas capturas de tela, o site antigo parecia bom. Usar era outra história: sem barra de menu, letras pequenas demais para ler e links que abrem abas novas. Experimente. É o site antigo de verdade, salvo pelo Wayback Machine.
O site antigo. O de verdade. Clique à vontade.
Experimente View our menus, ou About us. Conte as abas que abrem no seu navegador.
O site novo, fazendo as mesmas tarefas.
O site antigo. O de verdade. Experimente.
Tente encontrar o cardápio do almoço. A maioria dos links abre uma aba nova, como acontecia no celular.
O site novo, fazendo as mesmas tarefas.
Transforme imagens de volta em palavras.
Cada página do site antigo era uma grande imagem: o horário, o endereço, o cardápio, até os links. Parecia bom no computador. Mas uma foto de palavras não é texto.
O site antigo
O site novo
Antes
- A página inicial era uma imagem só, com áreas clicáveis desenhadas por cima
- Os cardápios eram fotos dos cardápios impressos
- O Google não conseguia ler nenhum preço nem prato
- Um leitor de tela não achava nada para ler em voz alta
- No celular, era preciso fazer pinça e dar zoom para ler qualquer coisa
Depois
- Texto realCada prato, cada preço, o horário e o endereço.
- Fotos para a comidaAs fotos mostram pratos e tortas, não palavras.
- Legível para o GoogleAssim, uma busca por "pie near Pearlridge" encontra o restaurante.
- Legível para todosLeitores de tela, zoom, apps de tradução.
- Feito para o celularSem pinça. O texto cabe na tela.
- Por que importaA maioria das pessoas procura um restaurante no celular, em pé em algum lugar, com pressa. Elas querem o horário, o cardápio e como chegar.
- O que mantivemosO visual. O arco, a moça, os corações e as tulipas continuam lá, desenhados como arte em volta de texto real.
- O testeSelecione qualquer palavra no site novo. Dá, porque é texto.
Mantenha o que as pessoas amam.
Um lugar aberto desde 1973 já tem um visual que as pessoas conhecem. Uma reconstrução não deveria jogar isso fora. Nós mantivemos, e demos a cada peça uma função.
Por quêO próprio restaurante, com a equipe acenando na frente. Depois, quatro palavras e um botão. A mesma placa, as mesmas cores, mais fácil de usar.
Três cores, tiradas da placa.
As páginas antigas tinham texto rosa-choque sobre magenta. Mantivemos a família de cores e deixamos tudo fácil de ler: um bordô escuro, um creme quente e branco.
Mantido
- O logotipoRedesenhado à mão, para ficar nítido em qualquer tamanho.
- A moça, os corações e as tulipasA arte Pennsylvania Dutch dos cardápios e da caixa de torta.
- O arcoO formato da capa do cardápio antigo.
- Bordô e cremeAs cores da placa e dos uniformes.
Mudado
- Texto maiorTítulos grandes em uma fonte serifada robusta, texto simples embaixo.
- Escuro sobre claroO texto fica sobre creme ou branco, nunca sobre uma imagem carregada.
- Fotos reaisO prédio, a equipe, os pratos e as tortas.
- Um botão por telaVer o cardápio, ligar ou ver como chegar.
Deixe o cardápio legível no celular.
O cardápio é a página que as pessoas mais abrem. No site antigo era uma foto do cardápio impresso, então no celular as palavras ficavam minúsculas e o lado direito ficava cortado.
Por quêO mesmo cardápio, escrito como texto: nomes de seção grandes, cada prato na sua própria linha, cada preço alinhado à direita. Vai do café da manhã à vitrine de tortas em uma só página.
O site antigo
O site novo
- Abas no celularBreakfast, Lunch, and Drinks and pies. Um toque, e você está na parte que quer.
- Preços à direitaSeu olho desce por uma borda só. Você compara em um segundo.
- Nomes que se leem de relanceFruits & Juices, Two Ranch Eggs, Hamburgers. Nomes de seção grandes, para você achar sua parte rápido.
Mostre a comida.
As pessoas escolhem um diner com os olhos. O site antigo tinha uma colagem de tortas e alguns pratos pequenos. O novo mostra cada prato e cada torta separadamente, nos pratos do próprio restaurante.
Escolha um prato
A vitrine de tortas
0 tortas na nova vitrine, cada uma com sua própria foto.
- Toque num prato e vejaEmbaixo de cada prato há uma fileira de fotos pequenas. Toque em uma e o prato muda, com o nome e o que vem nele.
- A vitrine de tortasCada torta na página de tortas tem sua própria foto e nome. Todas são vendidas em fatia ou inteiras na caixa, e a página diz isso.
- Mesmo prato, todas as fotosO mesmo prato e a mesma luz em todas as fotos, para a página parecer um cardápio só, não uma pilha de imagens.
Diga uma coisa só sobre o horário.
O site antigo dizia três coisas diferentes. A imagem da página inicial dizia que o salão fecha às 15h. A página About dizia aberto 24 horas por dia, 365 dias por ano. A página do café da manhã se chamava "24 Hour Breakfast".
Antes
- "Hawaii's popular 24-hour restaurant" na descrição do Google
- "Open 24 hrs a day, 365 days" na página About
- "Monday to Friday 8:00 to 3:00" dentro da imagem da página inicial
Depois
- Segunda a sexta, das 8h às 15h
- Sábado e domingo, das 7h às 15h
- Padaria aberta até as 17hO mesmo horário no rodapé, na página de visita e nos dados que o Google lê.
- Horário errado custa uma visitaQuem vai até lá às 21h porque um site disse 24 horas não volta.
- A padaria tem sua própria linhaEla fica aberta até mais tarde que o salão, então aparece separada.
- Informado ao GoogleO horário, o endereço e o telefone estão escritos no formato que o Google lê para o mapa.
Facilite a chegada.
Um site de restaurante tem três tarefas: mostrar a comida, dizer quando está aberto e levar você até a porta. O site antigo mandava você para uma página antiga do MapQuest, e "See our video" abria um arquivo Flash, que os navegadores pararam de rodar em 2021.
O site antigo
O site novo
- Ligar, com um toqueO telefone é um botão em todas as páginas. No celular, ele liga.
- Como chegar, com um toqueAbre o app de mapas com o restaurante já marcado.
- O que quem vai pela primeira vez perguntaÉ um prédio próprio no Pearlridge Center, o estacionamento é grátis e tem acesso para cadeira de rodas.
Use o que as pessoas já conhecem.
A Anna Miller's tem mais de 2.700 avaliações no Google. Essa é a prova. Mostramos algumas, do jeito que o Google mostra, para as pessoas reconhecerem na hora.
- Palavra por palavraAvaliações reais, copiadas exatamente, com a nota real de cada pessoa.
- Prova que dá para conferirCada cartão abre exatamente aquela avaliação no Google Maps.
- Um botão conhecidoO G, as estrelas e "Read our 2,700+ reviews". Você sabe aonde ele leva antes de tocar.
Conte a história.
A página About antiga era um parágrafo. A nova história é um álbum de família que você folheia rolando: cinquenta anos de torta, café e das pessoas atrás do balcão, em seis capítulos curtos.
- Pessoas, não adjetivosO fundador, o gerente de área, a gerente do salão e o gerente da padaria, pelo nome.
- Reconhecimento, com fonteO Hale ‘Aina Awards da Honolulu Magazine escolheu o restaurante como Editors' Pick em 2026. A página inicial diz isso, com a capa da revista.
- Só o que podemos provarConferimos as datas e as afirmações, e corrigimos as que não conseguimos comprovar.
Faça o Google entender.
O Google lê o título da página, a descrição e o título principal. No site antigo, dois deles eram fracos e um não existia.
Antes
annamillersrestaurant.com
Anna Miller's Restaurant
Hawaii's popular 24-hour restaurant --- always open to serve you.
Título principalNenhum. As palavras estavam numa imagem.
Depois
annamillersrestaurant.com
Anna Miller's Restaurant & Pies | Pearlridge, Hawai‘i
Enjoy Hawai‘i’s largest breakfast selection. A familiar table at Pearlridge since 1973, with the diner favorites and famous pies of a Hawai‘i institution.
Título principalAnna Miller’s
- Uma página por buscaCafé da manhã, almoço, tortas e como chegar têm cada um sua própria página, escrita para o que as pessoas digitam.
- Links antigos ainda funcionampies.html, breakfast.html e sandwiches.html agora abrem as páginas novas, então favoritos antigos e resultados do Google não quebram.
- Dados no formato do GoogleO endereço, o horário e o telefone estão marcados do jeito que o Google lê restaurantes.
Nada está ali por acaso.
Cada parte da página tem que responder a uma pergunta: por que isso está aqui? Se não há uma boa resposta, sai.
O que cortamos
- Um link "See our video" para um arquivo Flash
- Como chegar numa página antiga do MapQuest
- Afirmações de "24 hour" que o restaurante não faz mais
- Cardápios como imagens do cardápio impresso
- Código de contador de visitas em todas as páginas
O que ficou
- A comidaPratos reais e tortas reais.
- O cardápioEm texto, com preços.
- Quando e ondeUm só horário, um toque para ligar ou ver como chegar.
- ProvaMais de 2.700 avaliações no Google e um Editors' Pick.
- A históriaCinquenta anos, contados pelas pessoas que viveram.
O que mudou para a Anna Miller's.
O site antigo era um conjunto de imagens. O novo responde o que as pessoas querem saber antes de vir, em qualquer tela e de um jeito que o Google consegue ler.