C a r g a n d o

www.clicit.pe

Desde 2021 hasta 2024, he trabajado en el diseño y desarrollo de clicit.pe, la tienda online de CLIC IT S.A.C., optimizando su plataforma para mejorar la experiencia del usuario y potenciar sus ventas. Mi labor ha contribuido a consolidar su presencia digital, brindando una interfaz moderna, funcional y alineada con las necesidades del comercio electrónico actual.

Resposabilidades:
Prototyping, UX/UI Design, Web Development
Herramientas:
Figma, HTML5/CSS3, PHP, JS, WordPress, Woocommerce, Adobe

Historia

Todo comenzó en Junio del 2021. Ya conocía a CLIC IT S.A.C., una empresa dedicada a la venta de productos tecnológicos para empresas. Sin embargo, su comercialización se realizaba exclusivamente a través de la plataforma Perú Compras y un fanpage de Facebook, lo que limitaba su alcance a los hogares peruanos.

Mi conexión con la empresa surgió cuando desarrollé su primer ecommerce en HTML, CSS, PHP, MySQL y JS, un sitio web sencillo que incluía un panel de carga de productos, gestión de ventas, pagos en línea y otras funciones clave. En 2022, la empresa implementó un sistema ERP para gestionar inventario y facturación, lo que llevó a una transformación significativa de la plataforma. La web migró a un CMS basado en WordPress, manteniendo el diseño y la funcionalidad original, pero integrando todas las operaciones de compra, venta e inventario en un solo panel administrativo.

Conociendo el Problema

Antes de 2021, CLIC IT S.A.C. vendía exclusivamente a través de Perú Compras, un canal orientado a empresas e instituciones, y complementaba su presencia con un fanpage en Facebook, donde publicaban algunos productos. Sin embargo, esta estrategia presentaba varias limitaciones:

  • Alcance restringido: Solo vendían a entidades registradas en Perú Compras, sin llegar al público general (estudiantes, trabajadores, gamers, etc.).
  • Gestión manual: La administración de productos y ventas era poco eficiente, ya que dependía de publicaciones en Facebook sin una plataforma estructurada.
  • Falta de automatización: No contaban con un sistema de ventas en línea con pagos automatizados ni una tienda digital propia.

Para superar estos desafíos, CLIC IT necesitaba una solución que permitiera vender sus productos de manera eficiente a todo el país, con un sistema que simplificara la gestión y automatizara procesos clave.

Ideas & Solución

La primera solución fue desarrollar un ecommerce desde cero, utilizando PHP, MySQL, JavaScript, HTML y CSS. Esta plataforma incluía:

  • Un panel administrativo para gestionar productos y ventas.
  • Pagos en línea para facilitar las compras.

En 2022, CLIC IT implementó un sistema ERP local para la gestión de inventario y facturación. Para optimizar la integración, migré la tienda a WordPress, conectándola con el ERP mediante plugins personalizados. Esto permitió que:

  • Los productos agregados en el ERP se reflejaran automáticamente en la web.
  • Todas las funciones de compra, venta e inventario se gestionaran en un solo panel administrativo.
  • Se mejorara la escalabilidad y mantenimiento de la plataforma.

Esta solución convirtió a CLIC IT en un ecommerce totalmente automatizado, optimizando su operatividad y expandiendo su alcance en todo el Perú.

Sitemap

Con las conversaciones con el equipo de la empresa y el analisis realizado, realicé el mapa del sitio de toda la web, desde la página de inicio hasta el final de la compra, honestamente no hay mucho labor aquí, por el hecho de que hay páginas informativas como: Nosotros, Contáctanos, Preguntas Frecuentes, Libro de Reclamaciones, Modalidades de Pago, Políticas, Envios a Provincia y Delivery Gratuito, y otras que lleban a finalizar la compra del producto como: Productos y PC Gamer.

Prototipo

Estos son algunos wireframes principales presentados, son diseños de baja difelidad que nos proporcionaron el primer vistazo de cómo se estructuraría el ecommerce, con las funciones clave implementadas.

Diseño & ERP

Según aprobado el prototipo procedí a diseñar la web, utilicé sólo el maquetador nativo de WordPress para evitar cargas innecesarias y ralentizaciones de la web, así mismo instalé los plugins necesarios de Woocommerce y pasarelas de pago, en cuanto a estilo, animaciones y otras secciones lo complementé con CSS y JavaScript. Luego, configuré un plugin para vincular el ERP con el ecommerce, haciendo que extraiga datos de los productos y se publiquen automáticamente (toma aproximadamente 1 minuto en cargar el producto a la web).

Pruebas de Usuario

Hicimos pruebas de toda la web con los trabajadores de la empresa siendo 13 personas en total, en cada dispositivo con conexión a WiFi y datos moviles el ecommerce cargó correctamente sin lentitud, los pagos en linea con tarjeta de debito y crédito funcionaron de igual manera, tiendo como conclusión que el ecommerce funciona al 100%, solamente el gerente general pidió que se agregara un botón de WhatsApp flotante en todas las páginas.

Resultado

Antes de iniciar con las campañas de marketing se cargó todos los productos en stock a un precio acorde al mercado, luego se realizó publicidad en Google ADS, Facebook e Instagram, se analizó mucho este momento porque hubo muchas personas que veían los productos, agregaron productos al carrito pero luego cerraban sesión y abandonaron la posible compra, pero hubo personas que compraron con total confianza y el producto adquirido llegó a la puerta de su casa.

Impacto

Fueron 3 meses de campañas masivas para la web y algunos productos que se necesitaban vender urgentemente, luego de ese tiempo se decidió parar para adquirir público organicamente y funcionó, de 5 visitas que tenía la web, pasó a 1k hasta 4k mediante campañas, y luego de eso recibió de 300 a 1k visitantes semanales sin publicidad, opté por realizar otra campaña más pero faltaba recaudar el monto usado con las ventas totales realizadas (estaba 80% recaudado con las ventas).

Reflexión

Estoy muy orgulloso de trabajar en este proyecto a gran escala desde el principio hasta el final. Muchas gracias a esta empresa por creer en mí y apoyar en las pruebas durante todo el proceso, aproveché para comprarme una MacBook por que el precio estaba muy muy tentativo jajaja. En caso de haber una mejora y tener tiempo para hacerlo, lo realizaré en una versión 2.

Vamos a crear algo