Muchas empresas crean sitios web en torno a sus productos. Brindan información sobre el producto, o la gama de productos, que incluye características, testimonios, dónde comprar y más. Los sitios web de productos son populares porque las empresas siempre los necesitan. Varios sitios web de productos se crearon con Divi y son excelentes para inspirarse en el diseño web. En este artículo, veremos 12 ejemplos de sitios web de productos creados con Divi.
Entonces, ¿qué quiero decir con «sitio web del producto»? Después de todo, las tiendas en línea venden productos, por lo tanto, ¿no es cualquier sitio web con productos un sitio web de productos? Me estoy volviendo más específico que eso. En lugar de sitios que incluyen productos, estos son sitios sobre los productos. Algunos de ellos tienen tiendas, pero podría quitar la tienda y el sitio aún se mantiene como un sitio web sobre el producto. En otras palabras, el propósito del sitio web es promocionar el producto sin importar quién lo venda.
Ya sea que necesite inspiración para descripciones de productos, uso de imágenes, videos, diseños, buscadores de ubicación y más, estos 12 sitios web de productos seguramente tendrán algo para inspirarlo para su próximo diseño Divi. Los sitios web no están en ningún orden en particular.
Paleo Grubs Book muestra una imagen del producto con una descripción y una insignia de ClickBank en una superposición. La siguiente sección muestra un video y una sección con un botón Me gusta de Facebook. Una sección muestra una página de ejemplo del interior del libro seguida de una CTA de bonificación, testimonios, una garantía del producto, una CTA de compra, preguntas frecuentes e información de contacto. Esta es una sola página sin navegación. El diseño es limpio con una descripción clara del producto y CTA.
2. Es importante que usted
Es importante destacar que incluye un video de pantalla completa detrás del logotipo, el eslogan, las llamadas a la acción y la navegación de puntos. El desplazamiento revela el menú principal, la imagen del producto y la descripción sobre una imagen de pantalla completa en paralaje, una sección con feeds de Instagram, varias secciones de información y un formulario de contacto. También incluye una sección de premios y una gran sección de blog. Entre las secciones hay algunas declaraciones en paralaje. Las páginas de Distribuidores muestran mapas con CTA en la barra lateral.
3. Enkei
Enkei muestra un control deslizante de imagen de pantalla completa con CTA. Después de esto, hay una sección de categoría de producto de cuatro columnas, publicaciones de blog recientes con videos incrustados y CTA. Las páginas de la tienda y del producto utilizan imágenes limpias sobre fondos blancos. Actualmente, la solicitud del localizador de distribuidores utiliza Facebook para la información de contacto. El sitio es fácil de navegar y hace un gran uso de las imágenes y el color.
4. Persianas EFL
EFL Shutters utiliza un diseño de cuadro de una página que muestra un diseño de varias columnas. El diseño incluye un título, texto con información, imagen, texto de ancho completo y cuatro columnas con imágenes. El desplazamiento muestra múltiples diseños de columnas para información, contacto, múltiples secciones sobre las líneas y estilos de productos, una galería de fotos y una lista de áreas atendidas. Las secciones con colores de marca se utilizan como títulos para las distintas partes de la página de inicio. El sitio hace un gran uso del color y las imágenes.
5. Deslice la alegría
Slidenjoy muestra una imagen a pantalla completa con un eslogan y varios CTA en paralaje. Un chat, CTA e información de pago permanecen en la pantalla cuando se desplaza. La siguiente sección incluye logotipos de medios con enlaces a reseñas. A continuación se muestra un video a pantalla completa, un Me gusta de Facebook, una tabla de precios y varias secciones con información e imágenes, información de contacto y suscripción. Las secciones de descripción del producto utilizan varios diseños separados por secciones de paralaje que recuerdan las descripciones elegantes e informativas de Amazon con texto breve e imágenes grandes. El sitio hace un excelente uso del diseño de diseño.
6. Noé y los últimos días
Noah and the Last Days muestra una imagen de pantalla completa con un video incrustado que se mezcla con la imagen con un botón social sobre el video. El desplazamiento muestra una CTA de tres columnas, una cita de ancho completo, otra CTA de tres columnas y una sección de testimonios de cuatro columnas. Las fuentes de los encabezados y CTA coinciden con los colores de la imagen de fondo. El sitio hace un excelente uso de imágenes y CTA.
7. Vanderhall Estados Unidos
Vanderhall USA muestra un control deslizante de imagen a pantalla completa. Algunas de las diapositivas muestran información sobre las opciones y una muestra una llamada a la acción. A continuación hay una sección de cuatro columnas con categorías de productos y enlaces para crear su propio diseño personalizado. Debajo hay una imagen de ancho completo y un pie de página con un menú y enlaces. Las páginas de productos muestran características en cuatro columnas sobre un fondo que apenas se nota. WooCommerce se utiliza para elegir opciones. El sitio hace un gran uso de imágenes, fuentes y color.
8. Bicicleta
Gocycle usa una página de inicio simple con un control deslizante de imágenes de pantalla completa, un control deslizante de testimonios de ancho completo que muestra testimonios, reseñas y premios, y un pie de página con menú y enlaces. Los enlaces permanecen a la derecha de la pantalla al desplazarse. Las páginas de diseño y producto combinan texto e imágenes para crear un diseño interesante para la descripción general del producto. El localizador de distribuidores utiliza un buscador de ubicaciones. El sitio hace un uso excelente de las imágenes, los diseños y el color de la marca.
9. Cámaras Vidi
Vidi Cameras usa un video de ancho completo con eslogan y CTA en una superposición, una imagen del producto y el eslogan. El desplazamiento muestra tres imágenes con CTA para las distintas categorías. Después de esto, hay una imagen de ancho completo con superposición de texto en un lado con información, una cuadrícula de cuatro columnas de ancho completo con feeds de Instagram y un pie de página personalizado con botones sociales y un formulario de boletín simple. La tienda funciona con WooCommerce e incluye muchas imágenes y videos dentro de las descripciones. El sitio hace un gran uso de diseños e imágenes.
10. Cochecito de huevos
Egg Stroller utiliza un control deslizante de pantalla completa con eslogan y CTA. El control deslizante muestra imágenes de fondo que se alejan lentamente hasta que cambia la diapositiva. La siguiente sección es de pantalla completa y muestra dos columnas con texto con CTA y una imagen. Los productos se muestran en un control deslizante de imagen de ancho completo seguido de un pie de página y una franja con los logotipos de la empresa. Los productos se muestran con WooCommerce. El buscador de tiendas incluye una función de ubicación. El sitio hace un gran uso de imágenes y diseño de diseño.
11. Soporte M
M-Brace utiliza un control deslizante de imagen de pantalla completa con CTA, un enlace al último evento y un pie de página personalizado con menú. El menú muestra un estilo que se superpone al control deslizante de la imagen. Las páginas de productos muestran dos columnas con imágenes en un lado y texto en el otro. La página de la tienda funciona con WooCommerce. Los eventos se muestran en alterna. El sitio es multilingüe y hace un gran uso del color de la marca.
12. Belleza para ir Madrid
Beauty to go Madrid utiliza un diseño de una sola página sin navegación. Muestra una imagen a pantalla completa con el logotipo y el eslogan. El desplazamiento muestra información de la empresa, videos incrustados, anuncios publicitarios con animación flotante, un enlace a un artículo externo y un control deslizante de imagen de ancho completo. A continuación, hay una sección de dos columnas con información del producto, una galería de videos incrustada, muchas imágenes de productos y un formulario de contacto. El sitio utiliza un diseño limpio y hace un buen uso de las imágenes del producto.
Pensamientos finales
Estos 12 ejemplos de sitios web de productos creados con Divi muestran que Divi se puede usar para crear cualquier tipo de sitio web de productos, ya sea un simple folleto para un solo producto o un sitio con múltiples productos, tienda, buscador de tiendas, etc. hay algo aquí que puede ayudar a generar ideas.
Estos sitios son excelentes para brindar ideas para diseños de productos, imágenes, colores, videos, íconos, efectos, navegación y más. Estos sitios web seguramente lo inspirarán para el diseño de su próximo sitio web de productos.
¿ Cuáles son algunos de tus elementos favoritos de estos sitios de productos Divi? ¡Háganos saber en los comentarios a continuación!
Imagen destacada a través de Jiw Ingka / shutterstock.com