Cómo rehicimos
Anna Miller's.
Cada decisión que tomamos, y por qué.
annamillersrestaurant.comUsa el sitio anterior. Luego mira el nuevo.
En capturas, el sitio anterior se veía bien. Usarlo era otra historia: sin barra de menú, letras demasiado pequeñas para leer y enlaces que abren pestañas nuevas. Pruébalo. Es el sitio anterior real, guardado por la Wayback Machine.
El sitio anterior. El real. Haz clic donde quieras.
Prueba View our menus, o About us. Cuenta las pestañas que se abren en tu navegador.
El sitio nuevo, haciendo las mismas tareas.
El sitio anterior. El real. Pruébalo.
Intenta encontrar el menú del almuerzo. La mayoría de los enlaces abren una pestaña nueva, como pasaba en un teléfono.
El sitio nuevo, haciendo las mismas tareas.
Vuelve a convertir las imágenes en palabras.
Cada página del sitio anterior era una sola imagen grande: el horario, la dirección, el menú, hasta los enlaces. En una computadora se veía bien. Pero una foto de palabras no son palabras.
El sitio anterior
El sitio nuevo
Antes
- La página de inicio era una imagen, con zonas para hacer clic dibujadas encima
- Los menús eran fotos de los menús impresos
- Google no podía leer ni un precio ni un plato
- Un lector de pantalla no encontraba nada que leer en voz alta
- En un teléfono, tenías que pellizcar y hacer zoom para leer cualquier cosa
Después
- Texto realCada plato, cada precio, el horario y la dirección.
- Fotos para la comidaLas fotos se usan para platos y pasteles, no para palabras.
- Google puede leerloPara que una búsqueda como "pie near Pearlridge" lo encuentre.
- Todos pueden leerloLectores de pantalla, zoom, apps de traducción.
- Hecho para el teléfonoSin pellizcar. El texto cabe en la pantalla.
- Por qué importaLa mayoría de la gente busca un restaurante en el teléfono, de pie en algún lugar, con prisa. Quieren el horario, el menú y cómo llegar.
- Lo que mantuvimosEl estilo. El arco, la doncella, los corazones y los tulipanes siguen ahí, dibujados como arte alrededor de texto real.
- La pruebaSelecciona cualquier palabra en el sitio nuevo. Puedes, porque es texto.
Conserva lo que la gente quiere.
Un lugar abierto desde 1973 ya tiene un estilo que la gente conoce. Una renovación no debería tirarlo. Lo mantuvimos, y le dimos a cada pieza una sola tarea.
Por quéEl restaurante en sí, con su personal saludando en la entrada. Luego cuatro palabras y un botón. El mismo letrero, los mismos colores, más fácil de usar.
Tres colores, sacados del letrero.
Las páginas anteriores ponían texto rosa fuerte sobre magenta. Mantuvimos la familia de colores y los hicimos fáciles de leer: un granate oscuro, un crema cálido y blanco.
Conservado
- El logotipoTrazado a mano, para que se vea nítido en cualquier tamaño.
- La doncella, los corazones y los tulipanesEl arte Pennsylvania Dutch de los menús y de la caja de pasteles.
- El arcoLa forma de la portada del menú anterior.
- Granate y cremaLos colores del letrero y de los uniformes.
Cambiado
- Texto más grandeTítulos grandes en una serif robusta, texto sencillo debajo.
- Oscuro sobre claroEl texto va sobre crema o blanco, nunca sobre una imagen recargada.
- Fotos realesEl edificio, el personal, los platos y los pasteles.
- Un botón por pantallaVer el menú, llamar o ver cómo llegar.
Haz que el menú se lea bien en un teléfono.
El menú es la página que más abre la gente. En el sitio anterior era una foto del menú impreso, así que en un teléfono las letras eran diminutas y el lado derecho quedaba cortado.
Por quéEl mismo menú, escrito como texto: nombres de sección grandes, cada plato en su propia línea, cada precio alineado a la derecha. Va del desayuno a la vitrina de pasteles en una sola página.
El sitio anterior
El sitio nuevo
- Pestañas en el teléfonoBreakfast, Lunch, and Drinks and pies. Un toque, y estás en la parte que quieres.
- Precios a la derechaTu vista baja por un solo borde. Comparas en un segundo.
- Nombres fáciles de recorrerFruits & Juices, Two Ranch Eggs, Hamburgers. Nombres de sección grandes, para que encuentres tu parte rápido.
Muestra la comida.
La gente elige un diner con los ojos. El sitio anterior tenía un collage de pasteles y unos pocos platos pequeños. El nuevo muestra cada plato y cada pastel por separado, en los propios platos del restaurante.
Elige un plato
La vitrina de pasteles
0 pasteles en la nueva vitrina, cada uno con su propia foto.
- Toca un plato, míraloDebajo de cada plato hay una fila de fotos pequeñas. Toca una y el plato cambia, con su nombre y lo que lleva.
- La vitrina de pastelesCada pastel de la página de pasteles tiene su propia foto y su nombre. Cada uno se vende por porción o entero en caja, y la página lo dice.
- El mismo plato en cada fotoEl mismo plato y la misma luz en cada foto, para que la página se sienta como un solo menú, no un montón de fotos.
Di una sola cosa sobre el horario.
El sitio anterior decía tres cosas distintas. La imagen de la página de inicio decía que el comedor cierra a las 3 p. m. La página About decía abierto 24 horas al día, 365 días al año. La página del desayuno se llamaba "24 Hour Breakfast".
Antes
- "Hawaii's popular 24-hour restaurant" en la descripción de Google
- "Open 24 hrs a day, 365 days" en la página About
- "Monday to Friday 8:00 to 3:00" dentro de la imagen de la página de inicio
Después
- De lunes a viernes, de 8 a. m. a 3 p. m.
- Sábados y domingos, de 7 a. m. a 3 p. m.
- Panadería abierta hasta las 5 p. m.El mismo horario en el pie de página, en la página de visita y en los datos que lee Google.
- Un horario equivocado cuesta una visitaAlguien que llega a las 9 p. m. porque un sitio web decía 24 horas no vuelve.
- La panadería tiene su propia líneaAbre hasta más tarde que el comedor, así que aparece por separado.
- Dicho a GoogleEl horario, la dirección y el teléfono están escritos en el formato que Google lee para su ficha en el mapa.
Haz que sea fácil llegar.
Un sitio de restaurante tiene tres tareas: mostrar la comida, decir cuándo está abierto y llevarte hasta la puerta. El sitio anterior te mandaba a una página vieja de MapQuest, y "See our video" abría un archivo Flash, que los navegadores dejaron de reproducir en 2021.
El sitio anterior
El sitio nuevo
- Llamar, en un toqueEl número de teléfono es un botón en cada página. En un teléfono, marca.
- Cómo llegar, en un toqueAbre la app de mapas con el restaurante ya puesto.
- Lo que pregunta quien va por primera vezEs un edificio independiente en Pearlridge Center, el estacionamiento es gratis y tiene acceso para sillas de ruedas.
Usa lo que la gente ya conoce.
Anna Miller's tiene más de 2,700 reseñas en Google. Esa es la prueba. Mostramos algunas, como lo hace Google, para que la gente las reconozca a simple vista.
- Palabra por palabraReseñas reales, copiadas tal cual, con la calificación real de cada persona.
- Prueba que puedes verificarCada tarjeta abre esa misma reseña en Google Maps.
- Un botón conocidoLa G, las estrellas y "Read our 2,700+ reviews". Sabes adónde va antes de tocarlo.
Cuenta la historia.
La página About anterior era un solo párrafo. La nueva historia es un álbum familiar que pasas al bajar: cincuenta años de pasteles, café y la gente detrás del mostrador, en seis capítulos cortos.
- Personas, no adjetivosQuien lo fundó y quienes dirigen la zona, el comedor y la panadería, con su nombre.
- Reconocimiento, con fuenteLos Hale ‘Aina Awards de Honolulu Magazine lo nombraron Editors' Pick en 2026. La página de inicio lo dice, con la portada de la revista.
- Solo lo que podemos probarRevisamos las fechas y lo que se afirmaba, y corregimos lo que no podíamos respaldar.
Haz que Google lo entienda.
Google lee el título de una página, su descripción y su título principal. En el sitio anterior, dos eran pobres y uno faltaba.
Antes
annamillersrestaurant.com
Anna Miller's Restaurant
Hawaii's popular 24-hour restaurant --- always open to serve you.
Titular principalNinguno. Las palabras estaban en una imagen.
Después
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.
Titular principalAnna Miller’s
- Una página por búsquedaDesayuno, almuerzo, pasteles y cómo llegar tienen cada uno su propia página, pensada para lo que la gente busca.
- Los enlaces viejos siguen funcionandopies.html, breakfast.html y sandwiches.html ahora abren las páginas nuevas, así que los marcadores viejos y los resultados de Google no se rompen.
- Datos en el formato de GoogleLa dirección, el horario y el teléfono están marcados como Google lee los restaurantes.
Nada está ahí por casualidad.
Cada parte de la página tiene que responder una pregunta: ¿por qué está aquí? Si no hay una buena respuesta, se va.
Lo que quitamos
- Un enlace "See our video" a un archivo Flash
- Cómo llegar en una página vieja de MapQuest
- Promesas de "24 hour" que el restaurante ya no hace
- Menús como imágenes del menú impreso
- Código de contador de visitas en cada página
Lo que queda
- La comidaPlatos reales y pasteles reales.
- El menúComo texto, con precios.
- Cuándo y dóndeUn solo horario, un toque para llamar o ver cómo llegar.
- Prueba2,700+ reseñas en Google y un Editors' Pick.
- La historiaCincuenta años, contados con la gente que los vivió.
Lo que cambió para Anna Miller's.
El sitio anterior era un conjunto de imágenes. El nuevo responde lo que la gente quiere saber antes de venir, en cualquier pantalla y de una forma que Google puede leer.