16 ejemplos de sitios web de consultores digitales creados con Divi

Publicado: 2017-08-04

La consultoría digital es un modelo comercial en línea popular. Muchos consultores digitales desarrollan con Divi tanto para ellos como para sus clientes, que es una de las razones por las que Divi se ha convertido en uno de los principales temas de desarrollo para WordPress. Esto significa que hay muchos ejemplos de sitios web de consultores digitales creados con Divi para ayudar a proporcionar inspiración creativa. En este artículo, echaremos un vistazo a 16 de ellos.

Ya sea que el consultor digital brinde servicios como diseño web, logotipos, diseño gráfico, desarrollo de aplicaciones, etc., estos sitios pueden ayudarlo con la inspiración para su próximo diseño. Los sitios no están en ningún orden en particular.

1. Smart Coder 3

Smart-Coder-3.png

Smart Coder 3 utiliza un control deslizante de imagen de pantalla completa con imágenes de fondo de ajedrez y citas superpuestas. Las fuentes rojas brindan algo de resaltado visual. La sección Acerca de mí muestra una bonita pintura digital del desarrollador. Varias secciones proporcionan citas de nombres famosos. Otras secciones incluyen un contador de números, proyectos, control deslizante de testimonios y formulario de contacto. El esquema de color rojo, blanco y negro funciona bien para el diseño del sitio.

2. Diseño web XD

XD-Web-Design.png

XD Web Design incluye algunas transiciones interesantes dentro del control deslizante del encabezado, que incluye un CTA y botones sociales. Los desenfoques se muestran como tarjetas con sombras, efectos de desplazamiento e iconos que se superponen a la imagen y el texto. Los módulos CTA (llamada a la acción) también utilizan sombras y efectos de desplazamiento. Los iconos grandes llaman la atención sobre los servicios y la información de contacto. El proceso del proyecto se describe en una lista numerada horizontal. El sitio hace un gran uso del color, la animación y el diseño del diseño.

3. Zachery Nielson

Zachery-Nielson.png

Zachery Nielson usa principalmente un fondo negro con texto blanco, imágenes y un fondo de pantalla completa en paralaje. El trabajo seleccionado se muestra en un monitor y un dispositivo móvil. Los sitios utilizan un enfoque mínimo con fuentes grandes.

4. Vicente Latag Jr

Vicente-Latag-Jr.png

Vicente Latag Jr muestra un fondo de video de ancho completo en paralaje que se mueve en la dirección opuesta en el desplazamiento. Con la marca naranja y blanca, los íconos grandes llaman la atención sobre los servicios, los testimonios y el formulario de contacto. Los proyectos se muestran en una cuadrícula de ancho completo.

5. Taltool

Taltool.png

Taltool es un sitio hebreo con texto RTL (de derecha a izquierda). Utiliza un control deslizante de pantalla completa con animación de zoom. La mayoría de las secciones son de pantalla completa e incluyen varias secciones de proyectos recientes y una sección Acerca de con un dibujo digital de lápiz de color del desarrollador con un CTA. El sitio hace un gran uso del color.

6. Sensi Web

Sensi-Web.png

Sensi Web utiliza un interesante fondo de partículas con un gráfico en forma de corazón en paralaje (que también funciona como logotipo). Los fondos de la sección en todo el sitio coinciden con los colores de este fondo y gráfico. Las secciones utilizan dos columnas de texto y gráficos en un patrón alterno. El trabajo se muestra en un control deslizante del proyecto utilizando una versión ampliada de la imagen de fondo. Las fuentes y los íconos combinan perfectamente con el diseño, lo que le da al sitio un atractivo visual que se ve limpio y profesional.

7. John González

John-Gonzalez.png

John Gonzalez usa un control deslizante de imagen con efecto de zoom en el desplazamiento. Cada diapositiva proporciona una breve declaración. Los servicios se muestran en mosaicos que usan buenos efectos de desplazamiento para proporcionar una sombra a la tarjeta, cambiar el título a rojo y agrandar y poner en negrita el ícono. Los testimonios muestran imágenes que puede seleccionar para leer su declaración. Los cursos y el blog también usan efectos de desplazamiento, pero ligeramente diferentes de los servicios. El sitio hace un excelente uso de la marca, la animación y el paralaje en color rojo y blanco.

8. Brian Torpie

Brian-Torpie.png

Brian Torpie usa una superposición de fondo degradado en paralaje con CTA y un agradable efecto de escritura. Una sección delgada de ancho completo describe cada sección del diseño comenzando con la primera que muestra los servicios prestados. Cada uno de los servicios se describe o demuestra con secciones de ancho completo utilizando imágenes de fondo con texto y CTA a un lado.

9. Zeljko Skipic

Zeljko-Skipic.png

Zeljko Skipic usa blanco y negro (principalmente tonos de gris), junto con secciones de fondos de color gris claro y superposiciones oscuras en paralaje para resaltar la cartera y los servicios. Las secciones están separadas por títulos que utilizan gráficos de código detrás del texto. El menú vertical del sitio derecho muestra los botones de contacto y seguimiento social en una sección separada de la navegación. Los grises oscuros se ven elegantes contra los grises claros y crean un contraste suave y fácil de ver.

10. Charlotte Jourdain

Charlotte-Jourdain.png

Charlotte Jourdain usa un encabezado animado con elementos que siguen o reaccionan a su mouse. El fondo del encabezado se usa en todas las demás secciones en paralaje. Los patrones en círculos grandes que coinciden con las secciones del logotipo se superponen, creando un elemento de diseño visual interesante. Los proyectos utilizan efectos de desplazamiento de zoom con superposiciones. El sitio tiene opciones para leer en francés o inglés y hace un gran uso de la marca de color y los separadores de sección.

11. Carone Designs

Carone-Designs.png

Carone Designs muestra un fondo de video, un encabezado interesante con un botón CTA y un menú del lado derecho con ambas secciones separadas por una línea. Los servicios se muestran en texto blanco sobre un fondo azul. Las imágenes de la ciudad de Knoxville se utilizan como fondos en paralaje, incluida una que muestra los logotipos de los clientes en una superposición. El sitio hace un buen uso de las fuentes y el color de la marca.

12. BJ Keeton

BJ-Keeton.png

BJ Keeton muestra el nombre, la descripción y la navegación en el lado derecho sobre un fondo con superposición en paralaje. El azul y el rojo de la superposición se utilizan en todo el sitio para fondos e íconos. Los libros y las imágenes de portafolios usan bordes gruesos para resaltarlos. El sitio usa humor en todo momento sin dejar de ser profesional, lo que en realidad me hizo querer leer todo el texto.

13. MoxieCreek

MoxieCreek.png

MoxieCreek muestra una imagen en blanco y negro con CTA en paralaje. La barra superior coloca todos los elementos al lado derecho. El logotipo se superpone en el pergamino. Se utiliza un degradado azul y naranja sobre un patrón de fondo interesante para mostrar una declaración y servicios. Los detalles del servicio se proporcionan dentro de toggles. Me encanta la foto en blanco y negro detrás del formulario de contacto que muestra una mariquita en color.

14. Diseño Web Juice Creative

Juice-Creative-Web-Design.png

Juice Creative Web Design utiliza un intrincado patrón de fondo en todo el sitio, incluidos los fondos para los diversos enlaces de CTA. Se muestran ejemplos de trabajo, enlaces y el formulario de contacto con un bonito efecto de sombra con líneas sobre las imágenes. Los enlaces de descarga incluyen simples efectos de desplazamiento. Aunque son intrincados, las imágenes nunca se interponen en el camino del diseño limpio del sitio.

15. In-Formation-Design

In-Formation-Design.png

In-Formation-Design utiliza un diseño femenino y elegante con colores suaves, salpicaduras de acuarela detrás de las elegantes fuentes del título de la sección, patrones de fondo en colores pastel, flores y una salpicadura de acuarela en la sección Acerca de mí. La página incluye una cuadrícula de cartera en paralaje, tablas de precios para los paquetes de diseño web, preguntas frecuentes que se muestran en alternancia, control deslizante de testimonios transparente y un formulario de contacto simple.

16. Kaya Digital Media

Kaya-Digital-Media.png

Kaya Digital Media muestra un fondo de video con el logotipo y la lista de servicios. Incluye un delgado formulario de suscripción al boletín informativo, descripción de los servicios en una sección de múltiples diseños alternos, una sección con una ventana en paralaje real, una cuadrícula de cartera de dos columnas dentro de una sección de tres columnas, control deslizante de publicación y un elegante testimonio sobre un fondo de paralaje. Me encanta la fuente y los colores de fondo.

Pensamientos finales

Estos 16 ejemplos de sitios web de consultores digitales creados con Divi demuestran que Divi no solo es un tema popular para el trabajo de los clientes, sino que también es lo suficientemente poderoso como para que los consultores digitales lo utilicen para sus propios sitios web. Con Divi puede crear diseños interesantes para cualquier tipo de sitio web de consultoría digital, sin importar lo complejo o simple que sea, desde sitios de una página para mostrar servicios con un formulario de contacto hasta sitios grandes con animación y portafolios.

Estos sitios son excelentes para proporcionar ideas para diseños, uso de color, imágenes, efectos CSS, navegación, video y mucho más, y le brindan inspiración para su próximo diseño Divi.

¿Cuáles son algunos de sus elementos favoritos de estos sitios web de consultores digitales creados con Divi? ¡Háganos saber en los comentarios a continuación!

Imagen destacada a través de BarsRsind / shutterstock.com