services included:
CSD_icon
MA_icon
EC_icon
IOT_icon

launched: caddislife.com/


logo_caddis

Cliente: Caddis
Industria: Sales

Misión: E-commerce

Caddis:
E-Commerce

Caddis es una marca de gafas que busca finalizar su sitio de comercio electrónico. Buscaban mejorar la velocidad de carga y del sitio y cambiar el flujo de trabajo de compras para ofrecer una mejor experiencia de compra y fomentar las ventas. También querían un diseño adaptable, interacción con Instagram y creación de listas de suscripción.

desktop_caddis

El Reto

Caddis es una nueva marca de gafas correctivas que buscaba finalizar un proyecto de comercio electrónico ya iniciado, pero por diversos motivos, los encargados de él lo abandonaron. Caddis buscó la ayuda del equipo de QXD para completar este proyecto. Entre las necesidades se encuentran las siguientes:

1. Mejorar el tiempo de carga y la velocidad del sitio.
2. Trabajar en el diseño y el estilo de las páginas más importantes del sitio (página de inicio, carrito, producto, pago, mi cuenta).
3. Fue necesario cambiar el flujo de compra para ir directamente al pago y de esa manera fomentar las compras.
4. Modificación del flujo de pago normal que le permite iniciar sesión a través de una ventana emergente.
5. Asegúrar que el sitio sea adaptable.
6. Estilo y diseños para páginas de blog.
7. Integración con instagram.
8. Crea listas de suscripción para enviar correos electrónicos.


desktop_caddis

macbook_caddis

Los Resultados

Gracias a las implementaciones realizadas, Caddis ahora tiene un sitio de comercio electrónico 100% funcional, escalable, totalmente adaptable con todas las características básicas del comercio electrónico, lo que permite a los clientes disfrutar de una experiencia de compra simple, rápida y eficiente. Además de un blog dentro del sitio, donde pueden mostrar cualquier información que deseen mediante la creación ilimitada de contenido.

iphone_caddis

La Solución

Comenzamos con los cambios en la interfaz del sitio, instalamos algunos complementos y añadimos funcionalidades para que el cliente pudiera interactuar de una mejor manera con los productos. También reorganizamos los procesos de pago, registro, inicio de sesión y pago para que sean más fáciles de usar.

Lo primero fue reemplazar algunos complementos que se usaron para mostrar los controles del carrusel en el sitio.
Primero trabajamos en los estilos de la página de inicio y el posicionamiento de las secciones, luego la página del producto se personalizó para permitir al cliente seleccionar las variaciones necesarias para sus gafas. Se creó una configuración para evitar que el cliente vaya a la página del carrito e ir directamente al proceso de pago.

Para el pago, la funcionalidad del carro se agregó en el primer paso (actualización, ingreso de códigos de descuento o tarjetas de regalo). Se creó una funcionalidad para permitir que el cliente inicie sesión, cree una cuenta o continúe con el proceso como invitado. El paso de revisar el pedido también se combinó con la funcionalidad para seleccionar métodos de envío, todos utilizando ajax. La configuración de los métodos de pago también se realizó y se creó una sección especial para mostrar los totales del pedido.

Se realizaron modificaciones en las páginas de mi cuenta, para modificar la forma en que se muestra la información y hacerla más accesible para el cliente. Además, todas las páginas de configuración de la cuenta se combinaron en una sola página dividida en pestañas para crear una interfaz más sencilla y fácil de usar.

Trabajamos en el estilo y diseño de páginas de categorías, publicaciones y portafolios (páginas estándar de WordPress).

Se implementaron varios complementos para satisfacer las necesidades de los clientes, tales como: integraciones con instagram, creación de listas de suscriptores para llevar a cabo campañas de marketing.

En términos de optimización del sitio, se instaló un plugin de caché, se optimizaron las imágenes utilizadas en el sitio, se minimizaron todas las hojas de estilo y los archivos javascript, siguiendo todas las recomendaciones proporcionadas por las herramientas de Google PageSpped.