INFORME 2: DETALLE DE CONTENIDOS POR SECCIÓN

UCAP:

EMPRESA:

FORMULADOR:

2PROYECTO E-COMMERCE INBOME — INFORME 2

La home del sitio mostrará al azar alguno de los productos destacados, desde donde se podrá ir a la página de detalle del producto seleccionado.Lo que pudo verse en una revisión de páginas de la competencia, fue la importancia de mostrar la categorización de los artículos directamente en la home-page. Aquellos sitios que privilegian la imagen cuentan con imágenes de alta calidad y resolución, poniendo en segundo plano la catego-rización (sistema de navegación): son más “visuales” se apoyan más en imágenes a pantalla com-pleta o ¾ de pantalla.Los hay también más parecidos a la problemática con la cual se inicia INBOME: la gran cantidad de artículos y de categorías, y en la mayoría de los casos con imágenes pequeñas, o inclusive en muchos casos sin imágenes para ilustrar el aspecto.Este es un escenario más cercano a la realidad de INBOME, por lo cual se privilegió el sistema de menú y de categorías, pero se dio cabida al uso de una imagen genérica por rubro, para darle más atractivo al sitio.

La categorización propuesta por el cliente era dividir en dos grande rubros: ILUMINACIÓN y ELECTRICIDAD GENERAL, que es como se vienen manejando desde el inicio de la empresa. Les sugerimos una tercera categorización, por MARCAS, que en casos de materiales para cons-trucción prima la marca por sobre la forma, y sería un buen acceso para un cliente de ese tipo. Lógicamente no podía dejarse de mostrar productos destacados, lo que se propone como slider u otro mecanismo que permita poner más de un ítem.La ubicación (por medio de un Google Map) le ayudaría a implementar la estrategia de posi-cionamiento con los clientes finales minoristas (los mayoristas ya conocen el lugar del negocio). Por otra parte mejoraría el SEO de la página dar de alta el mapa en Google Maps (puede que un cliente lo encuentre por búsquedas en Google como MAPA y no directamente como SITIO)Debe haber presencia del carro de compras en todo el sitio, así como mecanismos de búsqueda de productos y de ingreso y registro de clientes, en sus diferentes modalidades.

Este menú gráfico estaría presente en todo el sitio. El mismo se va a poder actualizar desde el backend, pudiendo colocar hasta 10 categorías diferentes en los dos subgrupos (ver imagen 1), y hasta alrededor de aprox. 40 en el segundo, por tratarse el último de un menú basado en texto (al estilo de “nube de tags”, ver imagen 2)Los productos en su totalidad se filtran por medio de ese menú. Hay un cuarto acceso que es el BUSCADOR, en el cual el usuario ingresa un nombre o marca de artículo y recibe el listado de resultados coincidentes. Este buscador tiene importancia secundaria, ya que el sistema de menú de tres categorías principales ASEGURA resultados en pantalla, en tanto que la búsqueda de-volverá resultados sólo si las cadenas de palabras son adecuadas, y lo contrario.

La elección de un subrubro de las categorías principales, así como de una marca determinada, devuelve un LISTADO FILTRADO de resultados (similar a la que devolvería una consulta en el Buscador).

HOME

Bloque productos (iluminación / electricidad general / marcas)

CATÁLOGO O LISTADO DE ELEMENTOS

3PROYECTO E-COMMERCE INBOME — INFORME 2

Esta página existe como consecuencia de una elección de usuario, y desde la misma se procede a poder usar el carrito de compra, vale decir:Para poder comprar. Es necesario VER el listado de productos correspondiente. Cada producto tiene un botón de compra (AGREGAR CARRITO) en el listado, y en el DE-TALLE de producto. Ese botón incluye un solo ítem en el carro de compras, y de ahí en adelante el proceso de compra se resuelve en los cuatro pasos del proceso de compra (VER CARRITO).

Detalle de producto, tambíén cuenta con la posibilidad (botón) de agregar al carrito.

Listado de productos, desde aquí se puede agregar productos al carrito.

4PROYECTO E-COMMERCE INBOME — INFORME 2

Cabe acotar que cualquier cliente que acceda al sitio verá PRECIOS FINALES de venta al públi-co, sin ningún tipo de descuento. Para efectuar la compra, será necesario loguearse en el sistema, y en ese caso se verá un valor de precio final diferente, con los descuentos correspondientes según el tipo de cliente (final, ferretero, repositor/viajante y admin. respectivamente).

En el detalle se propone, sobre todo en lo que hace a ILUMINACIÖN, dejar lugar para que el cliente (INBOME) pueda mostrar imágenes de más impacto para los productos (según él son los que mayor margen de ganancia por producto tienen en toda su estructura, y los más atractivos para los clientes finales o venta al público)De cualquier manera, este detalle se alimenta directamente desde el sistema TANGO a través de la mecánica de importación del sistema, y, si bien el cliente puede cambiar algunos datos guar-dados en la base de datos del sitio, hay que recordar que en la próxima importación el TANGO sobrescribirá los campos predeterminados con sus propios datos.

Común a todo el sitio existen zonas de ingreso de datos de usuario para validarse con el sistema, y de registro, para dar de alta un nuevo usuario (cliente o ferretero/mayorista).

Detalle de producto

SECCIÓN REGISTRO/LOGIN

Formulario de registtro, varía según el tipo de cliente.

5PROYECTO E-COMMERCE INBOME — INFORME 2

El carro de compras (de ahora en adelante carrito), se instrumentó en cuatro pasos, que según nuestra experiencia en otros e-commerce anteriores, resulta el más adecuado para lo que necesita este cliente en particular.El carrito también se pensó para no entorpecer el proceso de compra con un pedido de logueo previo a la compra, en otras palabras: si el cliente se loguea contará con esa ventaja en el momento de proceder con la compra (no le serán requeridos datos), además de poder ver en el mismo los descuentos correspondientes por clientes especiales (ferreteros o viajantes por ejemplo).El paso previo es como decíamos en otro punto, el listado de productos filtrado o el propio deta-lle de un producto. Ambos cuentan con un botón de AGREGAR al carrito, lo que suma el ítem a una variable que almacena la transacción en el servidor y su correspondiente valor en el browser del cliente (en una variable de sesión). El cliente puede seguir sumando ítems y éstos se verán reflejados en el menú superior, al lado del ícono del carrito. Cuando el cliente decide terminar la compra, procede a la “salida de cajas” o check out del sistema, lo que equivale a ingresar al PASO UNO del carro.

En esta pantalla el usuario constata los ítems comprados, las cantidades, y puede si quiere eliminar ítems del carrito. En la misma pantalla existe un flujo natural de compra en pasos, (al pie informa para seguir al PASO 2), pero para ello debe consignar antes el destino del producto, o sea elegir

Habrá mecanismos de validación standard para validar un cliente, rechazar claves incorrectas, recodar claves olvidadas, e incluso Editar los datos de perfil (una vez logueado puede accederse a dicha posibilidad).

Formulario para modificar datos personales.

CARRO DE COMPRAS

Paso uno: confirmar compra / elegir destino

6PROYECTO E-COMMERCE INBOME — INFORME 2

qué hacer con la mercadería comprada. En caso de retirarla del local, no se cobra envío, y poste-riormente hay otras opciones que se ingresan por panel de control, donde el cliente (INBOME), determinará los diferentes destinos a los cuales puede acceder con su red logística, o a nuevos destinos que detecte sea necesario agregar dependiendo de la demanda.Esta elección condiciona el seguir el proceso de compra: es decir por fuerza debe elegirse qué hacer con la mercadería para poder seguir el proceso.

En esta pantalla se comprueban si los datos personales y de destino de la mercadería son los correctos. En caso de que el usuario no esté registrado, se puede proceder a registrar en las dos modalidades disponibles (Cliente final y distribuidor o ferretero). La última modalidad requiere la confirmación por parte del cliente (INBOME), el cual verificará los datos de empresa del soli-citante. La tercera categoría (viajante) únicamente se da de alta por medio del panel de control, pues son claves para personal contratado por el cliente (INBOME). En caso de estar los datos correctos se pasa al siguiente paso.

Carro de compras - paso 1 (listado de productos)

Paso dos: comprobar datos personales (o loguearse/registrarse)

7PROYECTO E-COMMERCE INBOME — INFORME 2

Paso tres: elección medio de pago

Aquí se debe elegir la forma de pago preferida. Las tres primeras (Retiro en negocio, transferencia bancaria o depósito, y contra entrega) responden a un modelo de transacciones muy similar al que se da en la actualidad, y le permite sobre todo al viajante efectuar pedidos, y al encargado de obra también hacer el pedido y pagarlo en la obra contra entrega, por ejemplo.La última opción es la que permite el ingreso a una pasarela de pago electrónica externa (Dinero-Mail), que se encarga de tarjetas de crédito o sistemas de pago diferido como PagoFácil o Rapi-pago). Esta opción puede tentar a usuarios de zonas alejadas, o a quienes tengan más familiaridad con este tipo de operaciones online.

NOTA: Si se elige la última opción se pasan los datos a DineroMail para concretar la operación en un servidor seguro (SSL). El proceso está mejor descripto en el informe 4 (Rutinas y conexiones m. de pago)

Carro de compras - paso 2 (datos)

Carro de compras - paso 2 (login)

8PROYECTO E-COMMERCE INBOME — INFORME 2

Carro de compras - paso 3 (medio de pago)

Carro de compras - paso 4 (comprobante de pago)

Paso cuatro: confirmación de operación realizada

La operación terminada muestra un detalle para ser impreso guardado por el usuario como com-probante. A tal efecto se colocó un botón de impresión que envía a la impresora un boleto libre de fondos de color, para ahorro de recursos de impresora (printer friendly), el modelo es n blanco y negro, con el mismo contenido y disposición que la lista que se ve en la web.

En cualquiera de los pasos uno al tres pasos el cliente puede arrepentirse y volver al listado de pro-ductos y seguir comprando en el catálogo. Al retornar al carrito de compra, reanudará la compra con los datos desde el punto uno, teniendo de recalcular los gastos de envío, y de allí en adelante proseguir con la compra.

9PROYECTO E-COMMERCE INBOME — INFORME 2

A la sección noticias se accede desde el menú principal y se podrán ver las mismas ordenadas por fecha en orden decreciente. Se mostrarán dos noticias por página, y en el caso de que hayan más, se mostrará el “paginador” donde se podrá navegar por las noticias anteriores. Esta sección se crea mayormente para informar a la clientela de fechas especiales, de modificaciones en el plantel contratado en la empresa, reformas de local, adquisición de nuevas marcas, etc. Etc.

NOTICIAS

Sección Noticias

10PROYECTO E-COMMERCE INBOME — INFORME 2

Formulario de contacto directo con el cliente (INBOME). Ubicación dada por Google Map, y datos formales (teléfono, Correo electrónico, Código Postal).

CONTACTO

Sección Contacto, Datos empresa + GoogleMap + Form.