21 consejos, trucos y ejemplos para una página de contacto espectacular

¿Sabía que para muchos sitios, la página de contacto recibe más visitas que cualquier otra sección? Es cierto, especialmente para agencias y contratistas.

Si bien muchos sitios lanzan una página de contacto como una rápida reflexión posterior, debería dedicar mucho más tiempo y atención a su página de contacto porque, para muchos marcas, es el comienzo de su relación con los clientes potenciales.

Hoy brindamos algunas prácticas recomendadas para la página de contacto y analizamos ejemplos de páginas de contacto increíbles que muestran varios estilos basados en diferentes audiencias e intenciones comerciales .

Para empezar, veamos…

Algunos obvios Prácticas recomendadas para la página de contacto:

  • Tenga cuidado con sus P y Q: Incluso los pequeños errores gramaticales pueden llamar la atención de los visitantes. Querrá revisar su página de contacto con un peine de dientes finos.
  • Manténgalo simple: no desea poner demasiadas barreras entre los visitantes del sitio y la información de contacto que están buscando. Mantenga su página de contacto breve, dulce y al grano.
  • Déle a la gente lo que quieren: Odio los formularios de contacto; de alguna manera, tengo la sensación de que cuando lleno uno fuera, nunca volveré a tener noticias de ellos. También siento que de alguna manera no soy digno de confianza y no merezco una dirección de correo electrónico real. Por supuesto, proporcionar una dirección de correo electrónico real lo abre a posibles spammers, por lo que es un poco complicado. Independientemente de cómo elija configurar su página de contacto, asegúrese de que sea sumamente fácil para las personas ponerse en contacto con usted. Si usa un formulario de contacto, solo pregunte por lo esencial (nombre, dirección de correo electrónico y su mensaje). He visto formularios de contacto que requieren direcciones de correo y números de teléfono obligatorios. Los campos de formulario como estos son un gran obstáculo.
  • Luzca magnífico: cuando los usuarios visitan su página de contacto, están comenzando una relación con usted. Quieren saber más sobre usted, y el diseño y el estilo de su página de contacto serán parte de su impresión inicial. ¡Ten eso en mente! ¡Luce sexy, haz que esos lectores estén TAN emocionados de contactarte!
  • Muestra tu personalidad: como mencioné anteriormente, los usuarios que visitan tu página de contacto buscan obtener más información sobre usted. Piense en cómo quiere que su copia refleje la personalidad de su marca. Si su público es un público informal y amante de la diversión, considere usar un tono alegre e incluso cómico para su página de contacto.

MÁS: Pruebe el calificador de página de destino de WordStream GRATIS

Ejemplos de páginas de contacto: Lo bueno y lo no tan bueno

Veamos algunos ejemplos del mundo real. Estamos calificando estos ejemplos de páginas de contacto en una escala de 1 10. 10 es una pieza perfecta de la página de contacto, 5 está bien y 1 es «quemarlo hasta los cimientos». ¡Avíseme si está de acuerdo con mi puntuación!

Nuestro primer ejemplo proviene de CoolApps. Su página de contacto proporciona un formulario de contacto rápido y sencillo, una dirección de correo electrónico para usar si lo prefiere y varios botones de redes sociales en caso de que prefiera contactarlos a través de la red social que elija.

Por supuesto, lo que realmente distingue a este es el estilo y el encanto adorable. ¡Es muy divertido!

Puntuación: 8. Se ve fantástico, tiene muchas opciones de contacto y muestra personalidad.

Nuestro siguiente ejemplo de Black Sheep muestra una página de contacto que hace un gran trabajo al usar un estilo y diseño que coincide con el resto del sitio. ¡Es limpio, directo y se ve bien!

Puntuación: 6. Simple, elegante y encaja con el tema.

A continuación, tenemos una página de contacto de ViperChill, un sitio dirigido por el popular disidente del marketing Glen. Antes de dar su dirección de correo electrónico, Glen proporciona una sección de preguntas frecuentes que responde a las preguntas más comunes que tienen los visitantes. Esto lo ayuda a ahorrar tiempo y evita que se sienta abrumado por los correos electrónicos innecesarios.

Si bien las agencias y las empresas de servicios pueden tener hambre de correos electrónicos, las personas que se promocionan como una marca personal a menudo trabajan con un equipo de uno. No pueden recopilar y acumular contactos de correo electrónico y, en cambio, deben ser mucho más deliberados con su tiempo.

Puntuación: 6. Uso inteligente de la jerarquía de información para responder las preguntas de los usuarios antes de enviar un correo electrónico.

JetBlue ofrece otro ejemplo de una página de contacto bien diseñada. Como en el ejemplo anterior, JetBlue proporciona un enlace directo a temas de ayuda y respuestas populares. Para aquellos que no obtienen respuestas a sus preguntas en la sección de temas, las opciones de contacto de correo electrónico y número de teléfono se proporcionan a continuación. Esta página también encaja bien con el diseño y la combinación de colores más grandes de JetBlue de la marca.

Puntuación: 7.JetBlue hace que sea muy fácil obtener información, ya sea de preguntas frecuentes o con una consulta por correo electrónico o teléfono, mientras mantiene un estilo que tranquiliza a los visitantes.

En cuanto a la funcionalidad, la página de contacto de Mashable no es la peor. Proporciona toda la información que necesita para ponerse en contacto con la gente de Mashable, con un formulario de contacto y direcciones de correo electrónico más específicas a continuación.

Lo que sorprende es lo horrible que se ve esta página. Sin estilo, sin carácter, sin personalidad en absoluto. Si acaba de ver esta página de contacto, ¡nunca adivinaría que está viendo uno de los sitios más populares de la Web! ¿Por qué tan monstruoso? ¿Quién sabe? Tal vez Mashable mantiene deliberadamente una página de contacto fea para que sus bandejas de entrada de correo electrónico no se llenen tanto.

Puntuación: 2. Feo, aburrido e inadecuado para Mashable.

Esta página de contacto minimalista de Most Serious es un gran ejemplo de un diseño limpio y nítido. Incluso con tan pocos textos, Mostly Serious aún logra agregar un toque de humor y personalidad.

Puntuación: 7. Mostly Serious logra lograr este diseño ultra minimalista sin descuidar el elemento divertido.

Code Quest ofrece otra página de contacto bien ejecutada, con un diseño llamativo , gráficos divertidos y una dosis de personalidad. Code Quest también proporciona un mapa que muestra sus ubicaciones, lo cual es una gran idea si su empresa tiene una orientación local.

Puntuación: 8. Amigable, conveniente y conciso, Code Quest lo hace bien.

Esta página de contacto de QuickSprout es especialmente única, con una infografía de desplazamiento que explica cuánto correo recibe Neil Patel cada día y ¡qué poco tiempo tiene para leerlos todos! Solo llegará al formulario de contacto de Neil después de desplazarse por esta infografía. Al igual que el ejemplo de ViperChill anterior, Neil necesita poder filtrar cualquier consulta no relacionada para ahorrar tiempo.

Puntuación: 8. ¡Quizás la gente se lo piense dos veces antes de enviar spam a personas como Neil después de ver esta infografía! Esta página de contacto es educativa y funcional.

Esta página de contacto de Harpoon Brewery tiene mucha información empaquetada, pero hace un buen trabajo al establecer una jerarquía de información. En la parte superior tiene la dirección y el número de teléfono, junto con las direcciones y las instrucciones de estacionamiento. Esta es probablemente la información que la mayoría de la gente buscará en la página de contacto de una cervecería.

Junto a esta información de alto valor, hay alertas sobre eventos especiales o cambios de horario de la cervecería, y a continuación hay más información sobre los horarios para la sala de la cervecería.

Puntuación: 6. Aquí hay mucha información que los visitantes de la fábrica de cerveza Harpoon pueden necesitar para su visita.

Para una empresa que tiene que ver con el diseño y el estilo de productos elegantes y de vanguardia, la página de contacto de Apple es inesperadamente sencilla. ¡No hay nada que indique que estamos tratando con una de las empresas más reconocidas del mundo! Vamos Apple, sabemos que puedes hacerlo mejor. ¿Qué pasa?

Puntuación: 3. No es el tipo de diseño que esperaríamos de los creadores del iPhone.

Realmente no debería ser una gran sorpresa que Ticketmaster tuviera una pésima página de contacto con nosotros, pero aun así pensarías que un sitio web que se ocupa casi exclusivamente de pedidos en línea y gana tanto dinero que podría prestar un poco más de atención en su página de contacto.

La imagen de banner gigante, poco atractiva y ridículamente fuera de lugar es solo una forma más en la que Ticketmaster no le está haciendo ningún favor.

Puntuación: 2. Curiosamente poco atractivo, este necesita algo de trabajo.

Dropbox proporciona otro ejemplo de una página de contacto de verdadera calidad. Los mini íconos combinan perfectamente con el gran diseño de Dropbox, creando una experiencia de usuario coherente. También aprecio cómo Dropbox pone su nombre en la copia (suponiendo que haya iniciado sesión) para agregar personalización. Te hace sentir más como si estuvieras teniendo una conversación con Dropbox en lugar de una perorata enojada o una búsqueda de respuestas estresante.

Puntuación: 8. Tranquila y amigable, esta página de contacto es una que vale la pena almacenar

Esta página de contacto de Grover Web Design es amigable, atractiva y ofrece una una variedad de formas de contactar a la empresa, ya sea por correo electrónico, teléfono, un formulario de contacto, redes sociales o incluso en persona.

Puntuación: 7. Bonita y rápida, esta página ofrece lo que necesita con un poco de sonríe.

Coca-Cola hace algo bastante ingenioso con su página de contacto: pusieron una ventana de agente de chat virtual al frente y al centro.

En nuestra era en línea, muchos usuarios prefieren chatear en línea con un agente de ayuda en lugar de llamar en persona. Coca-Cola conoce su demografía y proporciona una manera rápida y fácil de obtener ayuda.

Justo debajo de la ventana de chat hay una sección de preguntas frecuentes y otros medios de contacto, lo que les brinda a los usuarios el método de contacto que eligen.

No estoy seguro de cómo me siento acerca de la presentación de diapositivas de fotos que acompaña a la ventana de chat. Parece bastante inútil y fuera de lugar, pero podría haber un método para la locura, ya que ver una foto adorable de un Golden Retriever ciertamente reduciría cualquier furia inmediata del consumidor que podría estar buscando repartir. Míralo … ¡qué lindo!

Puntuación: 8. Con este enfoque creativo, Coca-Cola demuestra que conocen a su audiencia.

Princess Cruises nos proporciona otro ejemplo de una página de contacto no tan excelente. Al igual que en el ejemplo anterior de Apple, aquí no está sucediendo nada muy interesante. Sin embargo, esa no es la única razón por la que esta página es mala, también tiene una jerarquía de información inestable.

La sección principal de información de contacto tiene que ver con la reserva de un crucero. Es cierto que no conozco a la audiencia de Princess Cruises, pero realmente dudo que mucha gente llame a cruceros para reservar viajes, en lugar de reservar en línea.

Las siguientes secciones ofrecen información para ayudarlo a solicitar un folleto (la gente todavía ¿Hacer esto?), averigüe acerca de las políticas de propinas y alcohol a bordo (este video de YouTube sobre cómo volver a sellar las botellas de agua debería ayudarlo), y observe el empleo disponible. La última (muy) sección finalmente proporciona una dirección de correo electrónico para las personas que desean dejar comentarios o hacer una pregunta sobre su experiencia pasada en un crucero. Me parece bastante extraño que una información tan vital esté enterrada debajo del pliegue, en la parte inferior de la página. En mi opinión, esperaría que la dirección de correo electrónico de asistencia al cliente sea lo que una gran parte de los visitantes buscan en la página de contacto.

Puntuación: 2. Esta jerarquía de información en esta es totalmente de whack.

Muchas páginas de contacto son aburridas y aburridas, pero The Band Agency muestra ese no tiene por qué ser el caso. Esta página de contacto es mi favorita de todas las que se muestran aquí. La información vital está disponible fácilmente, colocada inteligentemente en capas sobre un mapa de su ubicación física. ¡El desfile de siluetas de animales agrega una calidad hermosa y entrañable que distingue a este sitio del resto!

Puntuación: 10. Adorable, encantador y funcional, ¡esta página de contacto lo tiene todo!

Write a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *