Una página de servicios interesante es crucial para hacer negocios en línea. Muestra al visitante lo que haces, cómo lo haces, cómo es hacer negocios contigo y ayuda a darles unas expectativas realistas. Las páginas de servicio vienen en todo tipo de diseños. En este artículo, veremos 14 sitios web de Divi con páginas de servicios interesantes para ayudarlo a inspirarse para su próximo diseño de Divi.
Las páginas de servicio suelen incluir elementos como tablas de precios, anuncios publicitarios, conmutadores, imágenes, videos y llamadas a la acción. Mostraré una imagen de la sección que me gusta y discutiré lo que me gustó de ella. Los sitios web no están en ningún orden en particular. Espere hasta el final para ver algunos enlaces que lo ayudarán a subir de nivel su propia página de contacto única.
Este sitio muestra servicios dentro de tarjetas que usan efectos de sombra de caja. Muestran una imagen, título, separador y texto. El fondo de dos colores se divide en diagonal detrás del título, dándole un diseño interesante que tampoco quita el primer plano. Las imágenes de ancho completo están en ángulo para que coincidan. La sección Por qué nosotros usa títulos rojos mientras usa divisores para crear cuadrantes. La sección Proceso está numerada con un diseño alterno frente a una imagen grande que está diseñada para que coincida con el sitio.
Ver sitio web
2. Consultoría Landcore
Este sitio utiliza una imagen grande en paralaje detrás del título. Los servicios se muestran dentro de cuadros que incluyen bordes e íconos verdes para que coincidan con la marca del sitio. Cada uno de los servicios también tiene sus propias secciones individuales con cada sección dividida por una imagen en parallax y divisores de sección ondulados.
Ver sitio web
3. Doshii
Este sitio utiliza secciones alternas que incluyen un degradado azul o un fondo blanco, cada una con un divisor ondulado. Cada sección muestra un servicio con texto y gráficos y sus diseños se alternan de un lado a otro. Un CTA final usa sombras de cuadro y sombras de botón. El sitio hace un gran uso de los efectos de color y sombra.
Ver sitio web
4. Primeros Cinco Ocho
Esta muestra una pantalla dividida en diagonal de dos columnas con CTA en un lado e íconos de servicios en el otro. La siguiente sección tiene un gráfico de cuatro bloques que recorre el proceso y muestra la relación de cada paso. Una sección de ancho completo muestra los objetivos con íconos verdes y texto blanco sobre un fondo negro y botones con efectos de desplazamiento. Las secciones de estadísticas y contacto coinciden con este diseño. Cada uno de los pasos tiene su propia sección con gráficos y anuncios publicitarios.
Ver sitio web
5. Extremos + Tallos
Esta página comienza con secciones de ancho completo sobre los líderes de la empresa para ayudar a establecer la credibilidad. Los servicios se muestran dentro de cuadros verdes con íconos y texto blancos. Después de esto, hay un formulario de contacto con estilo, una llamada a la acción de las redes sociales, un feed de Instagram con botones de seguimiento social, suscripción y una sección Acerca de. Este sitio utiliza una marca de color interesante. Me encanta el efecto de desplazamiento del botón que trae el fondo del botón dentro del borde de los botones al pasar el mouse.
Ver sitio web
6. Stuart Johnson
Este sitio utiliza una imagen de fondo de pantalla completa en paralaje con texto de título grande para presentar la página. El texto de información introductoria se proporciona en dos columnas. Un gráfico de 6 circulares describe su enfoque de 6-P con una breve descripción de cada uno. Las áreas de práctica se presentan con un título en una breve sección de paralaje. Las áreas de práctica en sí se muestran dentro de botones que tienen un estilo que coincide con la marca del sitio.
Ver sitio web
7. Nexo web
Este sitio presenta la página con un título y un eslogan sobre un fondo superpuesto. La siguiente sección muestra el servicio para esa página, usando un separador ondulado para la parte superior e inferior de la sección. Las características del servicio se proporcionan en una tabla seguida de una sección para describir su método en tres anuncios publicitarios. Un breve estudio de caso incluye un enlace a una página detallada para obtener más información. La prueba social se proporciona con los logotipos de los clientes.
Ver sitio web
8. Medios y diseño de Blue Cat
Este sitio presenta la página con un título elegante y texto sobre un fondo estampado. Una sección que muestra lo que se incluye proporciona información sobre los diferentes servicios con texto en el centro e imágenes en las columnas exteriores, seguido de una descripción de los complementos con un CTA. Una sección sobre los pasos del viaje a través de cada parte del proceso, numerando y brindando información detallada sobre cada uno.
Ver sitio web
9. Diseños de estilo
Este usa colores llamativos e introduce los servicios con anuncios publicitarios individuales que parecen combinarse en un solo anuncio grande completo con íconos, títulos y texto para cada uno. A continuación, hay una sección que enumera los servicios con un botón con estilo para ver la cartera. Otra sección explica el proceso con títulos numerados y descripciones breves. Una llamada a la acción en rojo intenso incluye un divisor de sección con estilo, texto elegante y un botón con estilo. Me gustan los patrones de fondo y los colores en esta página.
Ver sitio web
10. Zomlex
Este usa un diseño limpio con muchos espacios en blanco. La página se presenta con un título grande y una breve descripción. Los servicios se muestran dentro de grandes anuncios con sombras de cuadro, gráficos dibujados a mano, títulos, texto y botones con estilo en las páginas de servicios individuales. Después de esto, hay un CTA de ancho completo que invierte el azul de los colores blancos para resaltar mientras conserva su aspecto elegante. Me gustan especialmente los gráficos y los colores.
Ver sitio web
11. Publicidad
Las páginas de servicios individuales de este sitio se presentan con un título, una descripción y un gráfico, seguidos de una descripción en dos columnas. Los beneficios son espectáculos dentro de una sección corta de ancho completo con anuncios publicitarios y gráficos dibujados a mano. Los ejemplos se muestran dentro de una imagen de pantalla completa seguida de notas publicitarias que describen el proceso. Los CTA para cotizaciones incluyen tablas para mostrar lo que está incluido. Otra sección destaca los beneficios junto a un formulario de contacto con estilo.
Ver sitio web
12. Piezas revolucionarias
Cada una de las páginas de servicios de este sitio incluye una sección con íconos y un título que resalta las características diferentes cuando se hace clic. Las funciones en sí se muestran con imágenes, descripciones y un botón para ver una demostración. La página termina con una sección de blog para artículos relacionados con ese servicio y una CTA final que crea un buen pie de página. Esta página hace un gran uso del color y los espacios en blanco.
Ver sitio web
13. Diseño panorámico
Esta página comienza con un título y un número de teléfono en el que se puede hacer clic, seguido de una sección que describe los beneficios de trabajar con la empresa. Los anuncios publicitarios brindan una descripción de cada servicio e incluyen íconos grandes, un título, una breve descripción y un agradable efecto de sombra que aparece al pasar el mouse. Una sección para proyectos incluye un efecto de desplazamiento que muestra el nombre y leer más enlace para cada proyecto. Una sección sobre cómo construyen sitios web muestra cada paso del proceso con gráficos elegantes seguidos de información sobre pagos y una sección que incluye un número de teléfono y un formulario de contacto con un estilo combinado.
Ver sitio web
14. Bufete de abogados de cuidado de ancianos
Las páginas de servicios individuales de este sitio son en su mayoría texto, pero lo presenta de una manera interesante. Las páginas se presentan con un título corto de ancho completo sobre una imagen de fondo. A continuación hay una sección de texto en dos columnas: la primera columna muestra el título y la descripción, y la segunda columna es una cita que es relevante para el tema. La línea vertical de la cita funciona como un divisor entre las dos columnas. Otra sección muestra una imagen en paralaje con un bloque a la derecha con información. Estos bloques usan colores interesantes que se destacan. Se proporciona más información en el texto seguido de una llamada a la acción de ancho completo.
Ver sitio web
pensamientos finales
Ese es nuestro vistazo a 14 sitios web de Divi con páginas de servicios interesantes para ayudarlo a inspirarse para su próximo diseño de Divi. Hay muchos artículos aquí en el blog de ET que se enfocan específicamente en páginas de servicios o elementos como tablas de precios, anuncios publicitarios, conmutadores, etc.
Aquí hay algunos que hablan de diseño con Divi:
- Cómo crear una sección de servicios altamente visuales para su próximo proyecto con Divi
- Cómo diseñar una hermosa tabla de precios en Divi
- Descargas gratuitas de Divi: kit de diseño de tablas de precios creativas
- 5 mejores prácticas de fijación de precios que debería usar con el módulo de tabla de precios de Divi
- Usando Divi’s Fold Animation para hacer florecer Blurbs
- 5 formas divertidas de diseñar el módulo Blurb de Divi
Queremos escuchar de ti. ¿Cuáles de estos sitios web con páginas de servicios interesantes son tus favoritos? Háganos saber en los comentarios.
Imagen destacada a través de blockberry / shutterstock.com