Diseños de sitios web de comercio electrónico inspiradores en 2019

Nota del editor: ¿Busca un diseño de sitio web de comercio electrónico para su empresa? Si está buscando información que lo ayude a elegir el que sea adecuado para usted, utilice el cuestionario a continuación para brindarle información de una variedad de proveedores de forma gratuita:

El diseño de sitios web de comercio electrónico es un gran negocio y, a medida que más marcas cambian su enfoque de la calle principal a Internet, la presión es para destacar con su sitio. Como resultado, estamos viendo que aparecen algunos diseños de sitios web de comercio electrónico impresionantemente innovadores, envolventes y hermosos (para crear su propio uso Creador de sitios web y obtén tu alojamiento web derecho). Estos sitios no solo proporcionan un lugar para comprar un producto, sino que ofrecen una experiencia de marca completa.

Siga leyendo para conocer nuestra selección de los mejores diseños de sitios web de comercio electrónico: estos son los sitios que hacen que las compras en línea sean un placer.



Para obtener más inspiración, explore nuestros resúmenes de los mejores en su clase. Sitios web de WordPress y bellamente diseños de sitios minimalistas .

01. Leader Bag Co

Diseño de sitios web de comercio electrónico: Leader bag Co.

El movimiento sutil contrasta bien con la paleta de grises y blancos de este sitio(Crédito de la imagen: Leader Bag Co)

Para que no olvidemos a veces, 'agradable' y 'cómodo' pueden, cuando se hacen lo suficientemente bien, ser realmente muy efectivos en el diseño web. Tampoco es un rasgo malo para buscar en mochilas y carteras, que se convierte a la perfección en el encanto de Leader Bag Co .

Este diseño de sitio web de comercio electrónico impulsado por Shopify proporciona un hermoso recordatorio de que las virtudes de la simplicidad limpia no son un arte perdido, al tiempo que agrega suficiente dinamismo y rareza para entusiasmar. También comunica mensajes de marca de practicidad y atractivo para los niños mediante la aplicación Lotta Nieminen Ilustraciones lúdicas para fotografía de folletos. ¿Tienes muchos medios? Guárdalo en el mejor almacenamiento en la nube .

Guiones muy sutiles de desplazamiento de paralaje agregue suficiente movimiento a los grupos de colores, contrastando bien con la paleta en gran parte blanca y gris de la plantilla. Los mosaicos, insignias y botones giratorios ofrecen enlaces a productos grandes y bellamente filmados que hacen un trabajo excelente al poner cada bolsa en manos grandes o más pequeñas. Una función de zoom ofrece suficiente resolución para examinar los detalles a nivel de tejido, mientras que los gruesos controles de la interfaz de usuario hacen que agregar selecciones al carrito sea muy sencillo.

Si bien el sitio está completamente enmarcado por tales 'valores' de amor, amabilidad y sabiduría de Leader Bag, este último se vuelve realmente evidente gracias a su experiencia constante en teléfonos inteligentes y tabletas. El desarrollador PRAESENS ha reconocido que 'comprar pero estar ocupado' es algo para las madres millennials y se embolsó una ceguera en el proceso.

02. Adidas Futurecraft.Loop

Diseño de sitio web de comercio electrónico: Adidas Futurecraft.Loop

Realice un recorrido de 360 ​​grados por el producto con este sitio de Adidas(Crédito de la imagen: Adidas)

Ser consciente de los residuos plásticos y las implicaciones para nuestro medio ambiente es fundamental, y el cambio depende de dos factores. Tiene que ser comercialmente lucrativo o estar tan de moda que se vuelva, erm, comercialmente lucrativo. Este sitio de Adidas espera superar ambos obstáculos y difundir el conocimiento de su iniciativa Futurecraft.Loop mostrando el zapato ecológico.

Construidos para ser 100% reciclables y con poliuretano termoplástico, los entrenadores se representan aquí en un 3D que rompe los navegadores. Flotando y girando en el espacio virtual, el recorrido del producto de 360 ​​grados ofrece puntos de acceso que detallan cada innovación. Las animaciones circulares y de desplazamiento infinito comunican la metáfora del 'bucle', mientras que literalmente enmarcan el proceso de reciclaje a la perfección. Aquí obtenemos un elemento en el que se puede hacer clic que ilustra cómo se limpian, trituran, funden y reforman los zapatos.

Frote las manos en GLSL, el trabajo de sombreado nunca se siente gratuito. Esto se extiende a una versión móvil poderosamente impresionante, que es liviana para brindar una experiencia lo suficientemente consistente como para llegar a todos.

03. Edie Parker Flower

Diseño de sitios web de comercio electrónico: Edie Parker

La buena fotografía recorre un largo camino en este sitio(Crédito de la imagen: Edie Parker)

Cuando se trata de moda en diseño web, las fuentes grandes, las fuentes pequeñas o las paletas monocromáticas tal vez lleguen a las listas de estilos populares, todas demostrando excelentes opciones estéticas para la elegancia de la interfaz. Esto es algo Flor de Edie Parker - El nuevo diseño del sitio de comercio electrónico de la marca de moda para accesorios para fumar - se exhibe en abundancia.

La ejecución técnica es bastante sencilla pero se ve hermosa. Gran parte del mérito se debe a la forma en que los productos destacados se fotografían de forma idéntica en pedestales de mármol. Pero la disposición apretada dentro de las cuadrículas de rollover ya es una fiesta, incluso antes de que las salpicaduras de colores entusiastas funcionen.

Desarrollado por la agencia Richmond Campamento tranquilo , los diseñadores han producido un tema brillante de Shopify que agrega algunos aspectos destacados de CSS para un toque extra. En particular, el uso de fondos polvorientos de gradiente lineal aplicado a Las capas proporcionan un toque temático eficaz que se adapta al ambiente y une todo.

04. POGG

Diseño de sitios web de comercio electrónico: POGG

Hay una sensación de textura en el sitio de POGG(Crédito de la imagen: POGG)

POGG , de Bake Inc, es una marca de pastel de camote que opera en tres quioscos de bocadillos en Tokio y vende dulces triangulares y helados. En pocas palabras, el producto se ve delicioso y este sitio hace un trabajo suntuoso al transmitir una sensación real de textura. Una plantilla blanca limpia se corta con la paleta de rosas, cremas y dorados de POGG, que complementa maravillosamente una pila de tomas de héroes de la comida para babear.

Diseñado por Kenichi Tanaka en el Super Crowds Inc agencia de Tokio, el trabajo de ingeniería frontal también se atribuye a Miki Sumino y Yuma Iwakata. El trío profesa combinar 'valores contradictorios' para yuxtaponer una estructura tangible similar a una revista con toques interactivos más suaves, contrastando lo estático con lo dinámico. Las fuentes Sackers Gothic y Noto Sans CJK brindan un estilo apropiado para la copia de encabezados y párrafos, mientras que los videos de YouTube se ubican a la perfección dentro de una cuadrícula fluida flotante que rezuma clase cremosa.

05. Desata a la Bestia

Diseño de sitios web de comercio electrónico: desata a la bestia

Ponte los auriculares para este(Crédito de la imagen: Dodge)

Cualquiera que tenga la edad suficiente para sentir afición por la televisión de los 80 sin duda recordará Los duques de Hazzard. Siguió las locas hazañas de los hermanos Duke y su 'General Lee' personalizado que hizo que una generación se enamorara del Dodge Charger. Avance rápido 40 años y Dodge sigue siendo fuerte, con modelos modernos de sus icónicos autos deportivos Charger y Challenger disponibles para los amantes de la gasolina nostálgicos.

Dar rienda suelta a la bestia es un sitio de folletos mexicano de la agencia GrupoW que ofrece un recorrido digital de ambos coches. Una breve secuencia de introducción cambia a tomas frontales oscuras de cada uno, con animaciones de los faros delanteros y audio de encendido activado al pasar el mouse. Los efectos de texto con fallas animan a los visitantes a deslizarse hacia la izquierda o hacia la derecha, mientras que al seleccionar un automóvil se cargan clips de video estilizados seguidos de un recorrido interactivo.

Al arrastrar la ventana, la cámara gira alrededor de la elegante carrocería para encontrar puntos de acceso en los que se puede hacer clic que detallan las características y estadísticas principales. La animación y los clips de sonido rugientes agregan ráfagas de inmersión, mientras que la banda sonora electrónica en bucle convierte a Unleash The Beast en una explosión multimedia que se disfruta mejor con auriculares.

06. Hola Fly

sitio web de comercio electrónico: Hi Fly

Los renders 3D hacen que este sitio sea especial(Crédito de la imagen: Hi Fly)

Un 'arrendamiento con tripulación' es un término dentro de la industria aeronáutica para un servicio proxy. Entonces, efectivamente, una aerolínea proporciona a otra aerolínea o agente de viajes un avión, tripulación y todo para revender. Esta es una rama del negocio que ofrece Hola volar , un especialista en vuelos chárter y alquiler con tripulación en todo el mundo que cuenta con una flota de alquiler envidiable.

Este sitio de comercio electrónico de primera clase es principalmente una introducción a su lista de aviones, incluidos los modelos Airbus A320, 330, 340 y 380. Los diseñadores de Portugal oficina los he modelado también, renderizando cada uno en glorioso 3D. Lo más impresionante es el renderizado en la pantalla de apertura, flotando sobre nubes animadas con turbulencias simuladas y turbinas de motor zumbando.

Esta experiencia 3D también se puede cambiar entre alta o baja calidad, si no se desactiva por completo cuando sea necesario. Las versiones móviles pueden omitir tal ostentación para un rendimiento económico, pero aún hacen un buen uso de imágenes y fotografías para describir las especificaciones de cada avión.

Volviendo al sitio completo, cabe destacar la página de Servicios, completa con una vista previa de la librea disponible. Los diseños de señalización vienen en cuatro variaciones, con la posibilidad de personalizar la marca, por lo que es agradable ver el 3D empleado aquí para transmitir las opciones.

07. El soporte perfecto

Diseños de sitios web de comercio electrónico: el soporte perfecto

El video en bucle funciona bien para The Parfait Stand

Este fantástico sitio para El soporte perfecto , una pequeña tienda de parfait cerca de Tokio, parece simple a primera vista, pero en una inspección más cercana es un diseño de una página engañosamente complejo que utiliza un movimiento sutil para convertir un diseño plano en un asunto único y sorprendentemente dimensional.

El video en bucle también se usa de manera inteligente, recortado en círculos, que muestra la preparación de un lujoso postre de chocolate. Los botones flotantes libres orbitan los parfaits y se vinculan a animaciones de pantalla completa magistralmente construidas que pasan a vistas de detalles modales. Las fotos ultra estilizadas del restaurante y la comida completan la experiencia, con capas superpuestas de imágenes animadas en tiempos escalonados. Es un regalo divertido e inspirador.

08. PRENSA

Diseños de sitios web de comercio electrónico: PRENSA

Sienta la sensación de una acogedora librería en este hermoso sitio

Aquellos que aman las librerías pero que no siempre pueden llegar a la calle principal pueden probar una librería de ladrillos y mortero en PRENSA ' sitio web.

La tienda 'Libros y cosas' tiene un sitio web que utiliza hermosas fotografías para imitar el ambiente de una librería tranquila. Desplácese hacia abajo y los productos aparecen en una llamativa cuadrícula a cuadros en blanco y negro. Las fotografías de productos enormes le permiten tener una idea de cada libro.

09. Bellroy

diseños de sitios web de comercio electrónico: Bellroy

El sitio web de comercio electrónico de Bellory incluye una divertida demostración interactiva

Aterriza en la página de inicio de Wallet Maker Bellroy y será recibido con un diseño relativamente simple. Profundice un poco más en este sitio web de comercio electrónico y encontrará una amplia variedad de páginas diseñadas muy diferentes que destacan productos individuales. Al incorporar videos de demostración divertidos, el sitio de Bellroy es un gran ejemplo de lo flexible que puede ser Shopify al presentar sus productos en línea.

los Adelgaza tu billetera El tutorial es una guía divertida e interesante para 'perder el bulto de la billetera', que culmina con algunas fotografías bastante bonitas del producto y enlaces a todos sus productos.

Generate CSS - la conferencia para diseñadores web: 26 de septiembre, Rich Mix, Shoreditch, Londres

¡Ahorre £ 50 con una entrada anticipada antes del 15 de agosto! Haga clic para reservar (Crédito de la imagen: futuro)

Estos ejemplos se mostraron originalmente en la revista net. Suscríbase ahora.

Leer más: