CED Marine · Caso de estudio
Una tienda mayorista pensada para cómo compran los distribuidores.
- Resumen del proyecto
- Un nuevo front end para la tienda WooCommerce de CED Marine: precios y existencias de distribuidor en cada producto, una búsqueda que sugiere mientras escribes, cotizaciones y una cuenta de distribuidor, además de un CMS y un panel que el equipo maneja por su cuenta.
- Servicios
- Tema a medida
- Tienda para distribuidores
- Cotizaciones y cuenta de distribuidor
- CMS y panel
- Fecha
- Septiembre de 2023
- Cliente
- CED Marine
- Ubicación
- Melbourne, FL
Instantáneas del proceso
Algunos pasos del camino: el sitio anterior y su menú de categorías, los primeros borradores del nuevo menú, los wireframes y las pantallas y el CMS mientras tomaban forma.
Objetivos del proyecto
La tienda de CED Marine funcionaba sobre un tema de constructor de páginas, con la búsqueda, los filtros, los menús, las ventanas emergentes y los formularios a cargo de un plugin distinto cada uno. El objetivo fue un nuevo front end sobre la misma tienda WooCommerce: mostrar a cada distribuidor su propio precio y existencias, hacer que cada producto sea fácil de encontrar por nombre o número de modelo, convertir las solicitudes de cotización en un flujo de trabajo real para los distribuidores y para el equipo de CED, y darle al equipo un CMS para páginas, menús y promociones. Los productos, las cuentas de distribuidor, los precios y el historial de pedidos tenían que conservarse tal como están.
Lo que el sitio tenía que lograr.
CED Marine es un distribuidor mayorista de electrónica marina en Melbourne, Florida. Sus distribuidores usan el sitio para consultar su precio y existencias, seguir pedidos y cotizar a sus propios clientes, así que el sitio funciona más como un mostrador comercial que como un folleto.
El nuevo front end reemplaza el tema y los plugins que lo rodeaban por un solo sistema de diseño con plantillas propias, así que cada página se construye con el mismo encabezado, las mismas tarjetas y la misma tipografía.
- 3Formas de enviar una cotización: PDF, correo o pago
- 4Accesos en la barra del teléfono: Tienda, Cotización, Marcas y Cuenta
- 3Vistas del editor: escritorio, iPad y teléfono
- 35Plantillas de página listas
Lo que tenía que cambiar.
Los distribuidores necesitaban ver su precio, su margen y sus existencias en cada producto, mientras que los visitantes no ven ninguno.
Un catálogo amplio de piezas necesitaba una búsqueda que encuentre un número de modelo mientras se escribe.
Las cotizaciones tenían que ser rápidas de armar para los distribuidores y fáciles de responder y dar seguimiento para CED.
El equipo de CED necesitaba cambiar páginas, menús y promociones por su cuenta, sin tocar código.
Pantallas
Cada página, un mismo sistema.
Inicio, categorías, productos, marcas y las páginas para distribuidores comparten un encabezado, una tarjeta y una escala tipográfica, así que un distribuidor siempre sabe dónde están el precio, las existencias y el siguiente paso.
Para distribuidores
Pensado para cómo compran los distribuidores.
La búsqueda sugiere productos y números de modelo mientras escribes. Cualquier producto entra a una cotización con un clic, a precio de venta al público para el cliente del distribuidor, y sale como PDF, correo o pedido. La cuenta del distribuidor reúne pedidos, facturas, rastreo y cotizaciones.
Para el equipo de CED
Un CMS que el equipo maneja por su cuenta.
Las páginas se arman en un editor de arrastrar y soltar con plantillas listas, versiones guardadas y vistas separadas para escritorio, iPad y teléfono. Las solicitudes de cotización llegan a una bandeja con estado, respuestas y reportes, y el panel muestra pedidos, búsquedas y envíos y revisa cada conexión. Grabado con datos de muestra, con precios, cifras y datos de clientes difuminados.
Toda la tienda en un teléfono.
En un teléfono los departamentos se pliegan en un panel, una barra inferior mantiene a mano Tienda, Cotización, Marcas y Cuenta, y la búsqueda, los precios y las cotizaciones funcionan igual.
En sus palabras
“Edson was incredibly responsive and attentive to my requests. The quality of work exceeded expectations and was completed in impressive time. I highly recommend this company for their outstanding service, efficiency, and commitment to excellence.”
Más pantallas
Páginas de marca, contacto y la solicitud de distribuidor.
Wireframes
La estructura de fondo.
Las mismas páginas sin el estilo visual: una retícula, una escala tipográfica y el mismo conjunto de componentes en cada ruta.
Sistema visual.
La paleta propia del sitio sobre el papel de LER y grabaciones reales del nuevo sitio en lugar de escenas de stock.
- #071927
- #007C89
- #19A7B3
- #456E75
- #E6F4F5
Resultado.
Los distribuidores de CED tienen un solo lugar para encontrar, ver precios, cotizar y rastrear lo que piden.
El equipo de CED tiene un sitio que puede cambiar por su cuenta, sobre la misma tienda, las mismas cuentas y el mismo historial de pedidos en los que ya confía.
Cómo se construyó.
Los cuatro pasos detrás de este proyecto y lo que cada uno tuvo que resolver.
Tema a medida
Reemplacé el tema anterior de constructor de páginas por un tema de WordPress a medida sobre la misma tienda WooCommerce, así que los productos, las cuentas, los precios y el historial de pedidos se conservan.
Tienda para distribuidores
Megamenús para cada departamento, un directorio de marcas, una búsqueda que sugiere mientras escribes y precios y existencias de distribuidor en cada tarjeta.
Cotizaciones y cuenta de distribuidor
Agregar a cotización en cada producto, una página de cotización con PDF, correo y pago, y un área de cuenta con pedidos, facturas y rastreo.
CMS y panel
Un editor de páginas con plantillas y versiones guardadas, menús y ventanas emergentes editables, una bandeja de cotizaciones con reportes y un panel que revisa cada conexión.
