Home and Garden siempre ha sido un tema popular y es tan popular en línea como fuera de línea. Incluye una amplia gama de subtemas y servicios, por lo que hay muchas necesidades diferentes de sitios web dentro de la industria. Afortunadamente, Divi tiene lo que se necesita para construir cualquier tipo de sitio web de Home and Garden sin importar el subtema.
El tema de Hogar y jardín es amplio y puede incluir servicios como diseño de viviendas, instalación de piscinas, reparación de viviendas, muebles, productos para el hogar y mucho más. Esta lista de sitios web incluye la mayoría de esos temas y los que no están aquí se pueden visualizar fácilmente desde estos sitios web, por lo que todavía hay algo aquí para ayudarlo a darle ideas sin importar el subtema para el que esté diseñando.
Echemos un vistazo a 17 ejemplos de sitios de Home and Garden usando Divi. No están en ningún orden en particular.
Design Focus incluye una imagen de héroe de ancho completo con paralaje verdadero, un CTA que funciona como una sección de separación, información con un control deslizante de imagen, cartera de mampostería con efectos de desplazamiento e información de contacto. Incluye enlaces de página en el menú superior. Las diversas páginas muestran su trabajo en un portafolio de cuadrícula e incluyen un formulario de solicitud de información en la barra lateral con selecciones y carga de archivos. Este sitio hace un gran uso del color y el diseño de diseño. Aunque hay varios portafolios y formularios de contacto, la estructura de navegación los mantiene bien organizados.
2. Diseños de Sharon Fox
Sharon Fox Designs utiliza un diseño de una página con imagen de pantalla completa con menú transparente, una sección acerca de, imágenes alternas grandes con texto para cada una de las habitaciones y servicios, un portafolio de cuadrícula de imágenes, medios, acerca de, testimonios y formulario de contacto. El sitio hace un buen uso de imágenes grandes y marcas de colores.
3. Gellner Ofenbau
Gellner Ofenbau utiliza un control deslizante de imagen de ancho completo con CTA y parallax, enlaces de página con imágenes y efectos de desplazamiento, sección acerca de y luego regresa al control deslizante de imagen original. Las distintas páginas son portafolios con una gran sección de descripción seguida de la cuadrícula del portafolio o imágenes y texto en dos columnas. Las imágenes se ven geniales y las grandes secciones de información en las páginas agregan un toque simple pero interesante.
4. Boutique de amor chatarra
Junk Love Boutique presenta una imagen de ancho completo con un menú transparente hasta el desplazamiento, un formulario de suscripción de correo electrónico delgado, excelente uso de parallax y una interesante sección de Instagram con un botón de seguimiento. La navegación es simple e incluye una página acerca de, páginas para proyectos actuales y pasados con galerías para cada uno, y un blog estilizado con una publicación destacada en pantalla completa. Las páginas de ubicación incluyen la dirección, el horario y un mapa de Google de ancho completo. La página de contacto incluye un mensaje corto con el número de teléfono y un sencillo formulario de contacto. Me encanta el diseño de la página de inicio y del proyecto.
5. Alfombras Pocklington
Pocklington Carpets utiliza un fondo de video con CTA, una sección que muestra marcas, productos con imágenes y enlaces a las distintas páginas, un control deslizante de publicación, una sección de ubicación de la tienda con imágenes de las tiendas y efectos de desplazamiento, búsqueda de mapas, formulario de contacto, enlaces a la blog y un pie de página con todos los enlaces que necesitarán los clientes. Las páginas de productos muestran todos los colores en mosaicos, información en tablas y listas, y un buscador de tiendas. Los colores de la marca se utilizan a lo largo de las páginas en fuentes y separadores de secciones, y dentro de los menús.
6. Muebles Penderyn
Penderyn Furniture utiliza un diseño en caja con una imagen grande y CTA en una superposición y enlaces a los últimos productos. Incluye enlaces de página dentro del menú superior. WooCommerce se utiliza para mostrar los productos disponibles en la tienda. El sitio incluye un par de páginas acerca de y una página de contacto con mapa y formulario de contacto. Es un sitio simple que hace un buen uso de la marca de color.
7. Diseño GKI
GKI Design utiliza un control deslizante de imagen de pantalla completa con menú transparente y paralaje, varias secciones de imágenes de publicación con animación flotante y un pie de página grande con enlaces. La página Colecciones muestra los diversos productos y las páginas de productos muestran el producto usando una tarjeta de producto. La página de la Guía utiliza una cuadrícula de publicaciones en un diseño de una página con un uso interesante del color, galerías de imágenes y artículos pequeños. Este sitio hace un uso elegante del color y las imágenes y encuentro intrigante la separación del texto en el menú.
8. Crear diseño de interiores
Create Interior Design utiliza un fondo de paralaje de pantalla completa, una sección acerca de con estilo de sección, un testimonio con una superposición de paralaje, un enlace al portafolio y un formulario de contacto. Los cálidos tonos marrones marcan el ambiente y el estilo. Las páginas Acerca de, Servicios y Portafolio usan una cuadrícula de publicaciones con efectos de desplazamiento e información o enlaces en la barra lateral. La página de contacto utiliza un mapa dibujado a mano con un enlace a Google Maps, información de contacto y un formulario de contacto. El sitio utiliza efectos de color y desplazamiento constantes en todo momento para crear un entorno profesional.
9. Casas ecológicas frescas
Eco Cool Homes utiliza una imagen de pantalla completa con CTA y formulario de registro, una sección de información con cuatro columnas de texto, otra sección de información con una imagen, viñetas y CTA, información del producto con anuncios publicitarios y paralaje, una sección con texto e imagen alternados controles deslizantes, una sección acerca de, una cartera, premios y CTA. Las páginas del portafolio incluyen un encabezado de ancho completo, imágenes, viñetas, video y una galería de imágenes detallada. Las páginas de información del producto usan WooCommerce para mostrar las imágenes y la información con viñetas junto con una descarga en PDF.
10. Estrechos
Straits incluye una imagen de pantalla completa con CTA, un encabezado debajo de la imagen con el logotipo, enlaces de menú y un número de teléfono en el que se puede hacer clic, una sección con imágenes que se vinculan a colecciones de productos mediante efectos de desplazamiento, una sección acerca de y una sección de contacto. Las páginas de productos incluyen una imagen con información sobre personalización y cambios de contenido. El formulario de registro emergente incluye una imagen de fondo correspondiente.
11. Contraventanas de Victoria
Victoria’s Shutters incluye una imagen de ancho completo con parallax y CTA, una CTA en el menú, un enlace de descarga flotante, un control deslizante de imagen con CTA, sección de información con superposición, sección de información con superposición, una sección de CTA, información, contacto, otra información sección con parallax y un feed de Facebook. Las páginas de información del producto incluyen muchas imágenes y texto con superposiciones, anuncios publicitarios y CTA. El menú superior incluye un número de teléfono en el que se puede hacer clic. El sitio hace un buen uso del color y las imágenes de la marca.
12. Interiores de Kimberly Timmons
Kimberly Timmons Interiors tiene un control deslizante único con las categorías colocadas verticalmente y deslizándose con las imágenes. La página de inicio también incluye una sección acerca de y una sección de equipo con imágenes que incluyen efectos de desplazamiento. La cartera se puede filtrar y muestra una cuadrícula con efectos de desplazamiento. La página Premios muestra sus premios en una cuadrícula de mampostería. La página Publicaciones muestra portadas de revistas con enlaces a archivos PDF. El sitio hace un excelente uso de las imágenes. Me encanta ese deslizador!
13. Piscinas de lujo
Luxe Pools usa una imagen de pantalla completa que se muestra con múltiples secciones usando parallax. La página de inicio incluye texto animado, información de la empresa con enlaces de contacto, información del producto con imágenes, CTA, enlaces a publicaciones con efectos de desplazamiento y un formulario de contacto. Las páginas de información del producto usan WooCommerce para mostrar calificaciones, formularios de solicitud de precios, imágenes, etc. El menú incluye animaciones.
14. Corona suiza
Swiss Krono utiliza un diseño en caja con un control deslizante de ancho completo, una sección de búsqueda de productos superpuesta que utiliza un widget de búsqueda, anuncios publicitarios con múltiples enlaces y un pie de página con enlaces a las distintas páginas ubicadas en categorías. Las diversas páginas incluyen acordeones, miniaturas de publicaciones estilizadas, un localizador de distribuidores, etc. El sitio mantiene un diseño uniforme en todo momento, utiliza barras laterales estilizadas y hace un gran uso del color en su marca.
15. Greenington
Greenington usa un control deslizante de ancho completo con CTA, enlaces de imagen a páginas clave y un pie de página con enlaces de texto a todas las páginas. Las páginas Acerca de, Contrato y Por qué Bamboo son muy detalladas y utilizan múltiples imágenes con parallax e información de la empresa y el producto. Los productos se muestran con WooCommerce e incluyen un menú de categorías filtrable. Este sitio hace un gran uso de imágenes y paralaje.
16. Ventanas del Louvre del corredor
Breezway Louvre Windows incluye varios diseños de página que se muestran en función de la ubicación que elija en el menú superior. Elegí Australia, que incluye una imagen de ancho completo con enlaces, descripciones de página, enlaces e imágenes. Las páginas de diseño muestran todo, desde el perfil de la empresa hasta las preguntas frecuentes. La galería de ideas presenta varias categorías de galería. Dónde comprar incluye una función de búsqueda de ubicación. Este es interesante porque incluye muchas características de diseño que lo hacen parecer Divi y no Divi al mismo tiempo.
17. Interiores residenciales
Residential Interiors utiliza una página de destino con un solo enlace a la página de inicio que incluye un control deslizante de imágenes y un menú con enlaces a varias páginas para las habitaciones, los proyectos y la tienda incluyen galerías en una cuadrícula. Lo que me parece interesante es la página de Noticias, que en realidad es una cuadrícula con publicaciones de Facebook que se integran perfectamente dentro del diseño del sitio web.
Pensamientos finales
Estos 17 ejemplos de sitios web de Home and Garden creados con Divi son excelentes ejemplos para usar diseños, controles deslizantes, navegación, colores, imágenes, videos, animaciones, tiendas, barras laterales y más. Si necesita inspiración para un sitio web de Home and Garden, estos seguramente le brindarán algunas ideas para que las use en sus propias creaciones.
¿Cuáles son algunos de tus elementos favoritos de estos sitios de Divi Home and Garden? ¡Háganos saber en los comentarios a continuación!
Imagen destacada a través de Dukesn / shutterstock.com