Bienvenidos al día 6 de nuestro maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!
Mucha gente piensa que los sitios creados con un marco temático también pueden ser galletas horneadas con el mismo molde. Después de todo, todos están hechos con diseños, widgets y botones similares, ¿verdad? Simplemente cambie algunas imágenes, escriba su texto y listo.
Si bien este puede ser el caso de algunos temas, Divi ofrece suficiente flexibilidad para satisfacer incluso a los usuarios más exigentes en materia de personalización. Entonces, ¿por qué no jugar y ver qué puedes armar con un poco de lluvia de ideas?
Si necesita un poco de ayuda para hacer fluir esos jugos creativos, está de suerte. Hemos explorado la web para encontrar algunos sitios únicos creados con el tema Divi , y repasaremos exactamente qué los hace tan especiales a continuación.
1. Metricocool
Metricool es un servicio de métricas para sitios web y blogs. Se distinguen de la competencia por un conjunto conciso de funciones y un panel magnífico (e intuitivo) que lo ayuda a realizar un seguimiento de todos los aspectos básicos, como las visitas a la página, la cantidad de visitantes, la actividad de comentarios y las interacciones en las redes sociales. Además de eso, brindan a los usuarios información sobre los mejores momentos para publicar contenido nuevo o interactuar con sus visitantes al calcular los momentos pico de uso de las redes sociales entre sus seguidores.
Su página de destino se creó con Divi y ejemplifica perfectamente cómo capturar toneladas de información utilizando gráficos simples. A medida que se desplaza hacia abajo, se le presentan progresivamente nuevos elementos de su servicio mediante capturas de pantalla del tablero junto con anuncios publicitarios informativos.
Es posible que haya notado que el sitio web utiliza espacios en blanco intercalados con secciones más coloridas. En sitios web coloridos, esto sirve para permitir que los ojos del espectador «descansen» (por así decirlo) mediante el uso de contraste, y tiene el beneficio adicional de separar visualmente cada sección.
La página de destino de Metricool es un gran ejemplo de cómo usar colores para resaltar el contenido de una página y establecer un estilo personal reutilizando los mismos colores salpicados en un diseño.
2. Webbyra Estocolmo y Are
Cuando incluso las agencias de desarrollo web eligen su tema para potenciar sus sitios web comerciales, sabe que está haciendo algo bien. Webbyra Stockholm & Are es una firma especializada en desarrollo web, diseño gráfico y conceptualización, tareas de programación e integración de API.
Lo primero que notará tan pronto como ingrese al sitio es el fondo de video HTML5 que incorpora el encabezado. Logra un atractivo contraste mediante el uso de blanco y algunos tonos de rojo, además de mostrar una barra de navegación expandible que se abre de una manera única.
El ícono de la barra de navegación usa una animación tanto para abrir como para cerrar, y además del menú también muestra un formulario de contacto compacto que seguramente aumentará las conversiones.
En cuanto al resto del sitio web, es bastante atractivo, pero la página principal es sin duda el principal atractivo. Webbyra Stockholm & Are hace un buen uso del contraste a lo largo de cada página para hacer que la información y las llamadas a la acción salten al mismo tiempo que proporciona una gran cantidad de información.
3. infinito
Ifinity es una empresa con sede en Europa que está en el negocio de «agregar una capa digital» a las áreas urbanas y transformarlas en ciudades inteligentes. Algunos ejemplos serían la capacidad de localizar vehículos de transporte público en tiempo real, mapas virtuales de edificios oficiales, colas virtuales y gestión de plazas de aparcamiento. La tecnología que nunca supo que deseaba hasta el segundo en que se enteró (¿en serio, colas virtuales? ¡Inscríbase!).
Sin embargo, su sitio web no es nada tan de ciencia ficción. Se puede decir de inmediato que es un sitio web corporativo, pero esto no es necesariamente algo malo. El diseño, por ejemplo, presenta un logotipo fuerte clásico y una barra de navegación sensata, seguido de una introducción en video al servicio Ifinity (puede ver una animación sutil en video en la parte posterior).
Lo anterior es seguido por una cuadrícula regular con algunas bonitas fotografías que enlazan con el resto del sitio. Esta cuadrícula en particular se ve muy bien gracias al uso de dimensiones escalonadas, haciendo que cada división sea fácilmente reconocible y al uso de diferentes colores.
Con todo, Ifinity demuestra que Divi puede abordar sitios web corporativos con aplomo.
4. Colectivo Aline
The Aline Collective es un equipo dedicado a la marca, la fotografía, el sitio web y el diseño de impresión. Una mirada rápida a su sitio web es suficiente para determinar que tienen las cosas de la marca al dedillo. Si bien sus opciones de diseño pueden no ser del agrado de todas las sensibilidades, el sitio ciertamente se destaca gracias a algunas opciones de diseño únicas.
Desde el encabezado hasta la parte inferior, el diseño de este sitio web pretende señalar hacia abajo el desglose punto por punto de los servicios proporcionados por Aline Collective, que presenta una visión única de las viñetas.
Esta tendencia se repite en todo el sitio web, así como un uso estratégico de las fuentes en negrita para enfatizar ciertos puntos (apenas innovador, lo sabemos, pero su uso aquí es excelente), y una crítica positiva aquí y allá para empujar a los clientes potenciales. en la dirección correcta.
Finalmente, su página de cartera es un espectáculo para los ojos doloridos. En lugar de usar capturas de pantalla generales de marca para su galería, optaron por centrarse en aspectos específicos de cada proyecto, y las imágenes restantes dentro son de ancho completo y coloridas.
5. M para Montreal
M for Montreal es tanto un evento anual como una organización independiente de tiempo completo dedicada a exhibir músicos emergentes y ayudarlos a expandir sus carreras fuera de las fronteras heladas de Canadá.
Su sitio web no intenta reinventar la rueda, pero cuenta con una personalidad única gracias a algunas elecciones simplemente estilísticas. Por ejemplo, su uso del negro y el azul establece un estilo personal, que se ve repetido en todo el sitio. La barra lateral izquierda se resalta en azul cuando se pasa el cursor sobre ella, al igual que la barra de navegación superior, aunque con un estilo diferente.
También cabe destacar el uso de recuadros negros, que sigue el diseño de su logotipo. Cada una de estas opciones de diseño no necesariamente vale la pena mencionarlas de forma aislada, pero se unen para formar un estilo único sobre el marco Divi.
6. Oxette
Oxette es una tienda online de joyería y complementos para mujeres que buscan productos de alta gama. También es la única tienda de comercio electrónico que aparece en nuestra lista, un lugar ganado gracias a su elegante pero simple diseño y opciones de diseño.
Los colores negro y rojo son una buena opción para la marca, y cuando se combinan con fotografía de alta definición y desplazamiento de paralaje, crean un efecto agradable (ayudado por sus llamativos modelos, por supuesto). El hecho de que cada producto tenga el mismo tipo de fotografía de fondo blanco también sirve para darle a la página un aspecto limpio (aunque tener que hacer clic dos veces para llegar a la página de detalles del producto es un gran error cuando se trata de usabilidad).
7. Participa en la fotografía en vivo
Engage Live Photography es un servicio destinado a ayudar a los fotógrafos a perfeccionar su oficio a través de talleres, cursos de capacitación, oportunidades de tutoría e incluso lecciones en línea.
Aunque su sitio puede no parecer nada especial, hay una elección de diseño que les valió un lugar en nuestra lista. Su página principal presenta un calendario vertical que muestra todas las próximas clases, con una sutil animación de desplazamiento para cada una, y la capacidad de expandir cada sección y agregar su clase preferida a su carrito (así como ver información adicional) sin tener que salir de la pagina principal.
La única parte torpe de esta característica es la inclusión de las imágenes en miniatura expandidas cuando se selecciona cada opción. Una solución más elegante sería simplemente mostrar la opción de agregar la lección a su carrito y la información adicional.
Aún así, esta opción es mucho más fácil de navegar que los calendarios torpes habituales cuando se intenta programar una clase y podría adaptarse fácilmente a otros tipos de servicios.
8. Tecnologías creativas de Jamdonut
Creative Technologies es un equipo único que puede manejar cualquier cosa, desde video, animación, desarrollo de software, hasta electrónica y optimización de campañas.
Aunque su sitio web puede parecer escaso en comparación con otras ofertas corporativas, también es tan creativo como su nombre lo indica.
Lo que hace que el sitio funcione son las animaciones simples esparcidas por todo el servicio y las secciones de exhibición, incluso si el blog y los enlaces de contacto no conducen a ninguna parte en este momento. Si bien un sitio web sin terminar nunca es una situación óptima, este es un buen ejemplo de cómo puede configurar un sitio web de una página para una empresa que no grita «corporativo».
9. Opoveiro
Opoveiro es un sitio web informativo construido en torno a la identidad cultural de Póvoa de Varzim, una ciudad portuguesa.
Este puede ser el sitio en nuestra lista cuyo linaje se puede rastrear más fácilmente hasta sus raíces Divi, pero sigue siendo un ejemplo digno de cómo una identidad visual única puede servir para separar un sitio de otros creados con el mismo tema.
Aquí la singularidad viene en forma de unas pocas adiciones simples. Una barra de navegación con estilo y una barra para compartir en las redes sociales en el lado izquierdo (la mayoría de los sitios web simplemente agregan esto como una ocurrencia tardía), además, el mismo estilo de diseño en todas las imágenes que aparecen en el sitio (aunque muchas de ellas podrían cambiar de tamaño).
10. Píxel y roble
Pixel & Oak es un pequeño estudio de diseño dirigido a creativos que necesitan sitios web para mostrar su trabajo y mantenerlos enfocados en lo que mejor saben hacer: su oficio.
Con sede en las montañas de Tennessee, la diseñadora web Molly Prior trabaja con pequeñas empresas de todo el mundo. Para su propio sitio, ha creado un buen ejemplo de lo que Divi puede hacer por diseñadores, estudios web y agencias de diseño/publicidad.
Disfrutamos especialmente lo que ha hecho con el módulo de blog de Divi. Desde los colores y los efectos de desplazamiento hasta los diseños de las publicaciones y el contenido en sí, su blog irradia sofisticación. Un gran ejemplo de la expresión editorial hecha posible con el blog de Divi.
Conclusión
Si bien es cierto que muchos temas tienden a dar lugar a sitios similares, en muchos casos esto puede atribuirse a una simple falta de imaginación durante el proceso de desarrollo. No hay ninguna razón por la que su sitio Divi no deba verse y sentirse tan profesional como uno personalizado si está dispuesto a pensar un poco fuera de la caja.
Si necesita inspiración, consulte algunas de las opciones estilísticas únicas que se muestran en el artículo, como animaciones, buen uso de colores contrastantes, barras laterales en negrita, etc. Cada aspecto de su sitio web puede volverse único si lo solicita. una pequeña dosis de creatividad.
Si tiene un sitio que le gustaría que aparezca en una exhibición futura de diseños Divi, puede enviarlo a nuestro editor en Nathan en ElegantThemes.com con el asunto ENVÍO DEL SITIO DIVI.

Divi 100 Día 6
La cuenta atrás para Divi 3.0
Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder!
Que empiece la cuenta atrás.
Más información sobre Divi 3.0