50 mejores ejemplos de diseño de formularios de contacto

Tener un formulario de contacto en su sitio web es una de las formas más eficaces de comprométase con su público. Hay múltiples razones por las que los clientes o visitantes pueden buscar una forma de ponerse en contacto, desde el soporte técnico hasta las solicitudes de venta, las asociaciones de marca o el servicio de atención al cliente. Por lo tanto, es crucial seguir siendo accesible y facilitar a su público el contacto con usted a través de un variedad de canales diferentes., y si está creando o rediseñando su sitio web, su formulario de contacto debe ser uno de las consideraciones más importantes.

Hay muchas maneras diferentes de crear un buen formulario de contacto. Los diseños de los formularios de contacto pueden estar influenciados por la guía de estilo de una marca, el tema del sitio web, el proceso de gestión de los contactos y otros factores como la cantidad de información que se necesita recopilar, que depende de la finalidad del formulario de contacto. Una de las mejores maneras de desarrollar un diseño de formulario de contacto único y eficaz es inspirarse en otros sitios web. En este post, hemos seleccionado 50 excelentes ejemplos de formularios de contacto que provienen de una selección internacional de diversas empresas.

Los ejemplos de formularios de contacto que aparecen a continuación están listados en simple orden alfabético por nombre de empresa; por lo demás, no están clasificados ni valorados de ninguna manera.

1. Lograr 3000

@alcanzar3000

Lograr3000

Achieve3000 es una plataforma curricular en línea para instituciones educativas. El sitio web de Achieve3000 tiene dos formularios de contacto separados, uno para la asistencia técnica y otro para las consultas de ventas. Mantener formularios de contacto separados para fines distintos ayuda a centrar cada bandeja de entrada en las comunicaciones más relevantes y a dirigir de forma más eficiente las preguntas y consultas a los miembros del equipo adecuados.

2. Cenizas y leche

Ashes & Milk es un blog de alimentación centrado en enseñar a los visitantes a elegir y preparar comidas más saludables. La propietaria del sitio web, Ashley Milk, no sólo ha diseñado todo su sitio web en torno a su marca personal, sino que también ha adoptado un enfoque personalizado para el formulario de contacto. Utiliza el título "contacta conmigo" para dejar claro que ella recibirá cada mensaje. El formulario también tiene un diseño sencillo y limpio que resulta fácil de rellenar para los visitantes.

3. Atlassian

@atlassian

Atlassian

Atlassian es un desarrollador de software líder que ha lanzado productos populares como Jira y Trello. Sus formularios de opinión se dividen en seis secciones diferentes que permiten a los usuarios elegir entre soporte técnico, facturación, asesoramiento sobre el producto, carreras y consultas generales. La parte más singular de la página de contacto es la posibilidad de enviar comentarios directamente a los fundadores de Atlassian.

4. Bando

@shopbando

Bando

Bando es una tienda de ropa y artículos para el hogar que ofrece una amplia selección de productos a través de su tienda online. La página de contacto está muy bien diseñada, encajando perfectamente con el diseño y la estética del sitio. Además de los campos estándar del formulario de contacto, también incluyen un enlace dedicado para solicitar la devolución de un producto, lo que facilita un poco esa parte del proceso.

5. Picoteable

@beakable

Picoteable

Beakable es el sitio web del programador Iain Hamilton, y ha puesto mucho empeño en el diseño. El tema de la página tiene una clara sensación retro con muchos gráficos incrustados en las páginas. Su formulario de contacto, que parece un paquete con un trozo de papel, es un gran ejemplo de cómo crear una página de contacto que sea única y capte la atención de los visitantes.

6. Befunky

@befunky

Befunky

Befunky es una plataforma creativa para la edición de imágenes y el diseño gráfico. El encabezado "Enviar una solicitud", situado encima del formulario de contacto, lo hace abierto y permite a los visitantes saber que puede utilizarse para muchos tipos de consultas. Aparte de lo básico (dirección de correo electrónico, asunto y descripción), la única selección que requiere el formulario es identificar a qué producto, si es que hay alguno, está asociado su mensaje.

7. Observación de la marca

@Brandwatch

Observación de la marca

Brandwatch es una plataforma digital de inteligencia del consumidor que es una de las más populares del mercado. Su intención es desarrollar relaciones estrechas con clientes nuevos y existentes, y su formulario de contacto está optimizado para ello. El formulario tiene una clara llamada a la acción que dirige a los visitantes a programar una reunión con el equipo de Brandwatch para recibir una demostración y discutir requisitos específicos.

8. Teatro Bright Lights

Teatro Bright Lights

Bright Lights Theatre, situado en Chicago, ofrece producciones, clases y campamentos educativos. El sitio web tiene un tema bonito y brillante con colores llamativos que hace que el contenido destaque realmente. Esto también funciona bien para el sencillo formulario de contacto del sitio web, que muestra claramente la información básica de contacto y unos pocos campos de entrada.

9. BrokerNotes

@BrokerNotes

BrokerNotes

BrokerNotes es una empresa financiera con sede en el Reino Unido que ofrece servicios de regulación y cumplimiento a instituciones de todo el país. El formulario de contacto autoguiado comienza con una sola pregunta y luego lleva al espectador a través de un par de pasos más sencillos antes de enviar una consulta. Estructurar un formulario de contacto de esta manera puede ayudar a simplificar el proceso para cada visitante.

10. Cabedge

@cabedge

Cabedge

La empresa de diseño web y marketing Cabedge tiene su sede en Nashville y ofrece una serie de servicios diferentes a través de su sitio web. Al igual que otros formularios de contacto de calidad, ofrecen la opción de rellenar los campos previstos o simplemente enviar un correo electrónico a la empresa directamente. Esto es siempre una gran práctica, ya que permite a cada visitante elegir el método de contacto con el que se sienta más cómodo.

11. Café Evoke

@cafeevoke

Café Evoke

Cafe Evoke está situado en el centro de Edmond, Oklahoma, y tiene un sitio web limpio y básico. Lo bueno de este diseño es que proporcionan enlaces rápidos a los temas más importantes para su negocio, incluyendo tarjetas de regalo, catering e información de contacto. También utilizan un formulario de contacto sencillo y fácil de entender que facilita que cualquiera pueda dejar su opinión o enviar una pregunta.

12. Carlos MBonilla

Carlos MBonilla

Carlos MBonilla es un diseñador gráfico y web afincado en Costa Rica. Su sitio web tiene un diseño único que capta su marca personal y su estética de diseño. El formulario de contacto se creó para que pareciera una carta, y también ofrece a los visitantes una consulta gratuita, que le permite conocer mejor las necesidades de sus posibles clientes.

13. Selección de la opción

@choicescreening

ChoiceScreening

Choice Screening es una empresa con sede en Denver que ofrece servicios de investigación de antecedentes transparentes y detallados. Dada la naturaleza sensible de su trabajo, el formulario de contacto hace un buen trabajo al organizar los detalles necesarios. Antes de hacer una solicitud formal, los visitantes deben introducir la información de contacto y seleccionar entre tipos específicos de investigación de antecedentes.

14. Diseño de la Ciudadanía

@Citisonship

Diseño de la ciudadanía

Citisonship Design es una agencia de diseño de sitios web y marcas con sede en Greenville, Carolina del Sur. Su sitio web tiene un diseño moderno que utiliza colores blancos y negros simples para la mayoría de los elementos del tema. Estos colores básicos hacen que la experiencia de navegación sea muy agradable, y el formulario de contacto es fácil de localizar e incluye sólo unos pocos campos simples.

15. Cobble Hill

@cobble_hill

Cobble Hill

Cobble Hill es una empresa de marketing de crecimiento y diseño digital con amplia experiencia en SEO, publicidad en redes sociales y marketing por correo electrónico. Con un sitio web responsivo y una jerarquía sencilla, es muy fácil encontrar y localizar cualquier información que se necesite. Cuentan con un formulario de contacto de página completa que se puede rellenar en cuestión de segundos, ofreciendo a los visitantes una forma fácil de ponerse en contacto.

16. CreativeMob

@CreativeMob

CreativeMob es un grupo de marketing digital de servicio completo que ofrece marketing de contenidos, desarrollo web y apoyo al marketing online. Está claro que han pensado mucho en el diseño de su sitio web, y el formulario de contacto es fácil de entender y atractivo. Diseñado para parecer una carta, el formulario pide información básica de contacto y un mensaje sencillo que irá directamente al equipo de CreativeMob.

17. Dollar Shave Club

@DollarShaveClub

Dollar Shave Club

Dollar Shave Club ofrece a sus clientes artículos de aseo personal de alta calidad a través de un club de socios. Su sitio web incluye una tienda online y un blog activo con contenido original centrado en temas populares de aseo personal. Su formulario de contacto de página completa incluye una sección de preguntas frecuentes interactiva que ayuda a responder a las preguntas más comunes, junto con un sencillo botón para enviar una consulta si se tiene una pregunta no cubierta en las preguntas frecuentes.

18. Brújula

@compass

Brújula

Compass es una empresa inmobiliaria que ofrece servicios de intermediación y productos de software innovadores a sus clientes. El formulario de contacto del sitio web se muestra como una página completa y pide a los visitantes que seleccionen entre la asistencia general y las consultas sobre reubicación. Dado que el apoyo a la reubicación constituye una gran parte de su negocio, tiene sentido crear una selección única para este tema.

19. Dewey's Pizza

@DeweysPizza

Dewey's Pizza

Dewey's Pizza tiene su sede en Cincinnati, Ohio, con tiendas situadas en muchas zonas vecinas. Tienen una bonita página web con una disposición agradable y un diseño sencillo que recuerda a una cocina de pizzas. Su formulario de contacto está dividido entre solicitudes de eventos y comentarios, con texto en negrita y encabezados grandes que facilitan la búsqueda y el acceso al formulario correcto.

20. Pulpa eléctrica

@electricpulp

Pulpa eléctrica

Electric Pulp ofrece a sus clientes servicios de diseño web, marketing digital y desarrollo de aplicaciones. Con sede en Sioux Falls (Dakota del Sur), incluyen información básica de contacto por teléfono y correo electrónico en la parte inferior de su página de inicio, junto con un sencillo formulario de contacto. Esto mantiene el contenido organizado en una sola vista y facilita a los visitantes el acceso al formulario de contacto simplemente desplazándose hacia abajo en la página.

21. Laboratorios Envy

@envylabs

Laboratorios Envy

Envy Labs es una empresa de desarrollo de software que diseña aplicaciones web a medida para sus clientes. Tienen un formulario de contacto de página completa en el sitio web que incluye mucha información útil para los visitantes. Una característica útil de su formulario de contacto es un campo opcional para identificar dónde has oído hablar de su empresa, una información importante que a menudo se pasa por alto.

22. FabFitFun

@fabfitfun

FabFitFun

FabFitFun es una empresa de productos por suscripción que selecciona productos de moda, estilo de vida y belleza para sus clientes. Recibir una caja de productos únicos se ha convertido en una forma popular de que los consumidores descubran nuevas marcas y requiere que FabFitFun se coordine con una serie de socios diferentes. Su formulario de contacto lo refleja con secciones dedicadas al servicio de atención al cliente, a las solicitudes de publicidad, a las preguntas de la prensa y a las asociaciones de marcas.

23. Gramaticalmente

@grammarly

Gramaticalmente

Grammarly es una aplicación de asistente de escritura digital que ayuda a los clientes a mejorar sus habilidades de comunicación. Al ser una empresa con un producto de software muy popular, tienen formularios de contacto para prensa, ventas y soporte técnico. El formulario de contacto de soporte técnico pide a los visitantes que seleccionen uno de los ocho temas de soporte más populares y luego los guía por el resto del proceso.

24. HubSpot

@HubSpot

HubSpot

HubSpot es una popular plataforma de CRM con módulos dedicados a las funciones de marketing, ventas y servicios. La página de contacto del sitio web anima a los visitantes a ponerse en contacto con el equipo de ventas global o con una oficina regional directamente para realizar consultas específicas sobre sus productos y ofertas. El acceso a los recursos de asistencia técnica por teléfono, chat y correo electrónico depende del tipo de suscripción de CRM que haya contratado el cliente.

25. Indofolio

IndoFolio

Goal Raj es el principal arquitecto de interfaz de usuario de Indofolio, que es su sitio web profesional para mostrar su trabajo. El sitio web utiliza un diseño único con desplazamiento horizontal que lleva a los visitantes a través de cada una de las 10 páginas principales. La última página es el formulario de contacto, que muestra su ubicación en el sur de la India y tiene unos pocos campos sencillos que se pueden rellenar y enviar rápidamente.

26. Jess Marks

Jess Marks

Jess Marks y su marido, Steve, son fotógrafos profesionales afincados en Australia y especializados en fotografía de recién nacidos, bodas y familias. El sitio web tiene un diseño optimizado y se centra en su portafolio fotográfico y en la información de contacto. Al pedir la fecha de la boda en el formulario de contacto, pueden identificar rápidamente cualquier posible conflicto de programación con un cliente de inmediato y reducir la necesidad de detalles adicionales.

27. Kev Adamson

@KevAdamson

Kev Adamson

Kev Adamson es un diseñador web y gráfico del Reino Unido con más de 18 años de experiencia. Ha elegido un diseño único para su sitio web con muchos gráficos incrustados que muestran algunos de sus mejores trabajos. El formulario de contacto se encuentra justo en la página principal y se muestra junto a los testimonios de sus clientes para proporcionar un poco más de información a cualquiera que quiera ponerse en contacto con él para trabajar.

28. Cervecería Lighthouse

@lighthousebeer

Cervecería Lighthouse

Lighthouse Brewing Company, con sede en la Columbia Británica, ofrece cervezas artesanales de distintos sabores. El sitio web muestra sus sabores más populares y la página de contacto es fácilmente accesible desde el menú principal con un solo clic. El formulario incluye una declaración que explica su deseo de recibir comentarios, lo cual es una petición importante que debe incluirse si se quiere establecer una relación más estrecha con los clientes.

29. Lionways

Lionways

Lionways es una empresa israelí de desarrollo de sitios web que crea sitios personalizados y únicos para sus clientes. Además de un formulario de contacto, también proporcionan números de teléfono y direcciones de correo electrónico directas para su oficina principal y sus desarrolladores principales. Esto facilita que cualquier cliente existente se ponga en contacto con la empresa para hacer preguntas o que los clientes potenciales rellenen el formulario y hagan una nueva solicitud.

30. Marvel

@marvelapp

Marvel

Marvel es una plataforma de diseño digital para crear prototipos, lanzar y escalar productos digitales. La empresa tiene su sede en el Reino Unido, y el sitio web tiene mucho contenido informativo que muestra las características de su aplicación. El principal formulario de contacto del sitio es para las solicitudes de asistencia, y los usuarios también pueden ponerse en contacto con el equipo de ventas de Marvel utilizando la dirección de correo electrónico proporcionada.

31. Medios de comunicación adecuados

Medios de comunicación adecuados

Media proper ofrece servicios de diseño web y marketing personalizados y a medida para satisfacer las necesidades de cada cliente. El sitio web tiene un diseño memorable que utiliza vídeos incrustados y breves animaciones para hacer más dinámica la experiencia de navegación. Con un formulario de contacto a toda página, los campos son fáciles de leer desde cualquier dispositivo y se pueden rellenar y enviar con facilidad.

32. Diseño Mooze

@moozedesign

Diseño Mooze

El sitio web de la empresa de diseño web Mooze Design es un gran ejemplo de diseño sencillo y eficaz. Todo el contenido es visible en una sola página que se puede ver con unos pocos desplazamientos del cursor. En la parte inferior de la página han incluido un formulario de contacto básico que se puede enviar fácilmente sin necesidad de navegar por otras páginas.

33. Omada Health

@omadahealth

Omada

Omada Health ofrece servicios de atención digital a través de empresas y planes de salud para ayudar a las personas a desarrollar hábitos más saludables. Dado que trabajan con empleadores, planes de salud y miembros, tienen un formulario de contacto general para las solicitudes de venta y una página separada para la asistencia a los participantes. Esto facilita que cualquier visitante del sitio web localice y envíe una solicitud adecuada sin perderse entre las demás páginas.

34. El mundo de los huertos

El mundo de los huertos

OrchardWorld es una empresa de productos agrícolas situada en el Reino Unido que se especializa en productos de fruta de alta calidad. El sitio web combina colores de fondo llamativos con imágenes de gran tamaño para una experiencia de navegación envolvente. Este formulario de contacto tiene un diseño agradable y se muestra en un panel lateral para que sea visible pero no ocupe más espacio del necesario.

35. Paravel

@paravelinc

Paravel

Paravel proporciona una variedad de servicios basados en la web a sus clientes, incluyendo diseños agnósticos de dispositivos, sistemas de componentes y consultoría. Su formulario de contacto está bien marcado con una imagen que combina su logotipo corporativo con la bandera de Texas, el estado en el que tienen su sede. Como la mayoría de las empresas de diseño basadas en servicios, también piden a los visitantes que estimen su presupuesto para cualquier proyecto antes de enviar una solicitud.

36. Métricas de personas

@PeopleMetrics

PeopleMetrics

PeopleMetrics es una empresa de gestión de la experiencia con una plataforma de software para desarrollar la experiencia de los clientes y los empleados. El enlace a su página de contacto aparece de forma destacada en la parte superior de su sitio web con un botón dedicado para facilitar el acceso. El formulario incluye una comprobación CAPTCHA incrustada para verificar el acceso humano y ayudar a evitar que las consultas de spam inunden la bandeja de entrada.

37. Pixpa

@pixpa

Pixpa

Pixpa es una plataforma de diseño web para crear sitios web de portafolio envolventes para fotógrafos y otros profesionales creativos. Tienen un único formulario de contacto en su sitio web, y los usuarios deben seleccionar entre seis temas específicos en función del asunto de su mensaje. El equipo de Pixpa también incluye un breve mensaje en el formulario que indica su intención de responder a todas las consultas en el plazo de un día laborable, lo que garantiza a los visitantes del sitio web que su mensaje no se perderá en el abismo.

38. Poder-Facto

Poder-Facto

Power-Fact es un proveedor de soluciones de equipos de energía con sede en la India. Como diseñan soluciones personalizadas, no ofrecen precios en su sitio web y prefieren guiar a los clientes potenciales hacia su formulario de contacto. Utilizan colores llamativos para que el formulario de contacto destaque realmente, y el propio formulario también tiene una opción para escalar la prioridad del mensaje en caso de una solicitud de servicio de emergencia.

39. Rockatee

@Rockateeshop

Rockatee

Rockatee vende camisetas y regalos exclusivos, como vasos y adornos, a través de su sitio web. Una de las mejores formas de evitar consultas innecesarias es proporcionar a sus clientes toda la información de autoservicio posible a través de su sitio web. Incluyen algunas de las preguntas más frecuentes junto a su formulario de contacto para dar a los visitantes la oportunidad de encontrar una respuesta a su pregunta directamente antes de enviar un mensaje.

40. Scribd

@scribd

Scribd

Scribd es una popular plataforma de suscripción que ofrece publicaciones digitales como revistas, libros y audiolibros. El formulario de contacto de su sitio web requiere que se seleccione una de las siete categorías basadas en el tipo de comunicación que se desea realizar. Estas opciones ayudan a dirigir a los visitantes al tema apropiado, donde se les dan más instrucciones sobre cómo ponerse en contacto.

41. Merienda social

@socialsnack

Merienda social

El grupo de marketing digital Social Snack coloca una pestaña de Contacto justo en la barra de navegación principal, lo que facilita su localización. Al hacer clic en esa pestaña se abre una elegante ventana emergente con un fondo gris oscuro fácil de leer. Ofrecen información de contacto local para cada una de sus oficinas regionales, y el formulario en sí es ultra sencillo y se puede rellenar en segundos.

42. Diseño de Triones

@trionn_design

Diseño de Triones

Trionn Design es una agencia de diseño de sitios web y marcas de la India que ha implementado un tema elegante y moderno para su sitio. Al desplazarse por la página de contacto se activan varias animaciones con recuadros que comparten la información de contacto de la empresa. En la parte inferior de esta página, el formulario de contacto simplemente pide el nombre, la empresa, el correo electrónico y el teléfono, junto con la pregunta o los comentarios del visitante.

43. Sintonice

@tune

Sintonice

El equipo que crea la plataforma de marketing SaaS TUNE ha hecho un buen trabajo creando un sitio web envolvente con un formulario de contacto fácil de usar. Su página de contacto también incluye enlaces a una demostración del software y a otros cursos que ofrecen. Como alternativa a rellenar el formulario de contacto, los visitantes también pueden escribir directamente a los equipos de ventas o de asistencia técnica utilizando las direcciones de correo electrónico facilitadas.

44. UltraNoir

@ultranoir

UltraNoir

Ultranoir es una agencia de marketing digital con sede en Francia que crea experiencias web personalizadas para sus clientes. Su experiencia se refleja en el sitio web de la empresa Ultranoir, que utiliza efectos de audio y gráficos para guiar al usuario por sus páginas web. El formulario de contacto ofrece tres opciones para consultas relacionadas con preguntas generales, proyectos o solicitudes de empleo.

45. Bajo el vientre

@subterráneos

Bajo el vientre

Underbelly es una agencia de marketing digital con sede en Salt Lake City. Se puede acceder al formulario de contacto a través del menú principal y facilita el contacto con la empresa en relación con nuevos proyectos, oportunidades de empleo y asociaciones. Para las consultas sobre nuevos proyectos, el formulario simplemente pide información básica de contacto, estimaciones de presupuesto y una descripción del problema específico que el equipo de Underbelly puede ayudar a resolver.

46. Vanila.io

@vanila_io

Vainilla.io

El sitio web de la empresa de diseño web Vanila, con sede en Florida, tiene una página de aterrizaje informativa que incluye toda la información clave de su sitio web. Después de desplazarse por la información sobre sus servicios, el software y el equipo, se encuentra el formulario de contacto. Integrar un formulario de contacto en su página de destino principal puede ayudar a mejorar la visibilidad de su información de contacto y mejorar el compromiso con el formulario.

47. Longitud de onda

@directovuelta

Longitud de onda

Wavelength es una empresa consultora de Australia que se dedica a la investigación y la planificación empresarial para organismos públicos y organizaciones sin ánimo de lucro. El formulario de contacto de su sitio web proporciona la cantidad justa de información sin ocupar demasiado espacio. También incluyen una clara llamada a la acción junto al formulario para cualquier persona interesada en programar una sesión de consultoría gratuita de dos horas con la empresa.

48. Yeti

@Yeticoolers

Yeti

Las neveras Yeti Coolers se han convertido en una marca muy popular en todo Estados Unidos, y el sitio web corporativo realmente capta la sensación de estar al aire libre. Para facilitar la navegación a los visitantes, incluyen un enlace rápido para la asistencia por correo electrónico y un formulario de inscripción al boletín informativo directamente en la página de inicio. Al hacer clic en la página de contacto, aparece una lista de siete secciones diferentes que facilitan la búsqueda de información.

49. Yummygum

@yummygum

Yummygum

Yummygum es una agencia digital de Ámsterdam que ayuda a las empresas a convertir sus ideas en productos listos para su lanzamiento. Hay un botón de contacto en su panel de navegación principal, por lo que es fácil de encontrar. Al hacer clic en él, se abre una ventana emergente fácil de leer con un formulario de contacto guiado y enlaces a información de contacto en redes sociales, teléfono y correo electrónico.

50. Zendesk

@zendesk

Zendesk

Zendesk es una conocida plataforma de atención al cliente que ofrece herramientas de servicio y ventas para negocios de cualquier tamaño. Como empresa basada en el servicio, hacen hincapié en la calidad y el soporte omnicanal, y su formulario de contacto no es una excepción. Los visitantes pueden obtener soporte utilizando un chatbot visible desde la página principal del sitio web o accediendo directamente a los formularios de contacto de ventas y soporte técnico.

¿Buscas una manera fácil de crear un formulario de contacto visualmente atractivo y funcional con el que tus visitantes quieran interactuar? ShareThis se ha asociado con POWR para que su creador de ventanas emergentes para sitios web esté disponible para los editores directamente a través de la plataforma ShareThis. Consigue el Constructor de Formas hoy mismo para empezar a crear y personalizar formularios de contacto para su sitio web, ¡sin necesidad de codificación!

Sobre el autor
ShareThis

ShareThis ha desbloqueado el poder del comportamiento digital global sintetizando los datos de participación social, interés e intención desde 2007. Gracias al comportamiento de los consumidores en más de tres millones de dominios globales, ShareThis observa las acciones en tiempo real de personas reales en destinos digitales reales.

Sobre nosotros

ShareThis ha desbloqueado el poder del comportamiento digital global sintetizando los datos de participación social, interés e intención desde 2007. Gracias al comportamiento de los consumidores en más de tres millones de dominios globales, ShareThis observa las acciones en tiempo real de personas reales en destinos digitales reales.