Cliente
Depósitos Logísticos
Proyecto
Desarrollo web + integraciones
Website
dlsd.com.do

Cliente
Depósitos Logísticos es una empresa que ofrece los servicios de gestión y almacenamiento en Santo Domingo, República Dominicana.
Objetivos
Depósitos Logísticos llega a nosotros con dos necesidades iniciales, una de ellas necesito de la colaboración de varios colaboradores del mundo tech.
- Desarrollar un sistema de turnos y tickets, un sistema que permita a los usuarios tomar un turno al momento de llegar y asi no tener que hacer filas, además esto también le dice a los clientes en que tiempo iban a ser atendidos y si era posible ser atendido ese mismo día.
- Creación de un website profesional, para el website, la empresa quería un website atractivo y funcional, que sirviera para alojar las herramientas que desarrollaríamos y también captara clientes.
- Integración del sistema de turnos con la web, Luego de tener la web y el sistema de tickets, la empresa quería que los clientes desde sus casas u oficinas pudieran registrar su turno sin tener que apersonarse en el almacén.
- Buscador de carga, al momento de ingresar al país, se genera para cada carga un numero único de identificación (HBL) con el que el cliente debe poder acceder a la web y ver si su carga ya esta disponible para recoger o cual es su estatus.
- Tabla de contenedores, para mayor facilidad para los clientes, en la pagina de inicio se necesitaba tener una tabla que el equipo de deposito pudiese actualizar diariamente en la cual el cliente pudiera dar seguimiento rápido al movimiento de los contenedores entrantes.
- Calculadora de servicio, esta debía permitir que el cliente pudiera calcular el costo total de su carga, debía poder llegar los campos de manera automática introduciendo el HBL del cliente y debía dar la opción de generar un pdf que sirviera para el cliente generar ordenes de compra con el.
Retos principales
Este proyectos supuso muchos desafíos, ya que habían varias funcionalidades de las que solo habíamos leído como resolver, pero que nunca nos había tocado hacer, como lo es el sistema de turnos en una computadora presencial para que los clientes tomaran su turno y la impresión de estos mismos con una impresora térmica.
La calculadora era posiblemente la más completa que hayamos hecho, el cliente tendría la posibilidad de calcular con exactitud el costo de su carga, tomando en cuenta mas de 15 factores para determinar este monto, además, esta calculadora estaría conectada al sistema interno de la empresa via API para cargar estos 15 factores que ya venían con su carga, factores como el peso, las dimensiones, el tipo de carga, etc., todo esto se llena en la calculadora automáticamente introduciendo eel HBL de la carga, además de poder generar una factura para descargar en pdf.
El buscador de carga era un agregado de mucho valor para el cliente final, este necesita conectarse también via API al sistema de la empresa.
Estrategia
Al momento de iniciar con el proyecto, entendimos que para poder completar el proyecto teníamos que sub contratar un backend developer que tuviera experiencia con el tema de la impresión y el hecho de tener una app funcionando en vivo para generar los turnos.
Nuestra especialidad son las webs de venta, adquisición de clientes y frontend development, por lo que el diseño de esta aplicación era una tarea que encajaba perfectamente con nosotros, diseñamos las pantallas que usarían los clientes para tomar y ver los turnos.
Pantalla para tomar el turno

Esta es la parte de la aplicación con la que el cliente interactúa, entra su cédula y BL luego selecciona a que área se dirige.
Pantalla para ver los turnos

Esta pantalla esta en un monitor en el local, asi el cliente puede ver a que turno se está atendiendo, este además emite un sonido al pasar de un cliente a otro, para mejorar la experiencia de los usuarios.
Desarrollo de la app de turnos
Luego de que el cliente aprobara los diseños de la app (los diseños de la app internar no los mostramos por un tema de seguridad) desarrollamos el front de la app y procedimos a entregar (handoff) a nuestro especialista en backend Rubén Encarnación, para procediera con el desarrollo del backend.
Diseño y desarrollo del website
Una vez entregados los insumos al desarrollador de la app (el desarrollo tomaría unas semanas), nos enfocamos en el diseño de la pagina web como tal.
Como es parte de nuestro proceso, recolectamos los insumos necesarios por parte del cliente para llevar a cabo el diseño, para esto primero determinamos las paginas internas que se crearían y las secciones dentro de cada pagina, creamos con estos datos el sitemap del sitio y empezamos con los diseños.
Pagina de inicio

Calculadora de servicios

Inicialmente la calculadora empezó siendo mucho más sencilla, pero al pasar del tiempo y el estudio con los clientes directos, se fue ampliando y mejorando notablemente.
Buscador por BL

Con esta funcionalidad el cliente puede ver su carga sin tener que llamar a la oficina, lo que libera mucho el flujo de usuarios en el almacén y ayuda a fidelizar a los clientes.
Tomar el turno en línea

Con esta interfaz en la web, el usuario puede tomar un turno para ese día o el día siguiente, hicimos que el sistema tomara en cuenta la hora y la disponibilidad, al momento de tomarlo, el sistema muestra una pantalla a la cual el cliente puede hacer una captura de pantalla y también le envía los datos de su turno por correo.
Tabla de contenedores

Desde esta tabla, los clientes pueden ver el estatus de los contenedores sin tener que comunicarse con la empresa, esto lo actualiza el personal del almacén cada vez que lo necesiten.
Al código
Para este proyecto utilizamos wordpress con un editor visual que forma parte de nuestro flujo de trabajo (Divi), pero este solo fue para las partes informacionales del sitio.
Para las secciones interactivas utilizamos React y Vanilla Javascript, que son una de nuestras especialidades.
Como es debido, las llamadas a API’s y cualquier tema que maneje claves secretas de usuarios, están hechas en php, ya que en este caso es el lenguaje de backend tomando en cuenta que el proyecto está hecho en wordpress.
Test de calidad:
Como fase final antes de hacer entrega del proyecto, pasamos por un test de usabilidad, tenemos un checklist interno que utilizamos para darle seguimiento a los pequeños detalles que se puedan escapar, asegurando asi que el cliente obtenga una web funcional, responsive, que cargue rápido y que sea visualmente atractiva para el cliente final.
Resultados
Como resultado de este proyecto, tenemos un website rico en funcionalidades y que funciona como una herramienta de fidelización de clientes por las facilidades tan convenientes que provee.
El cliente cuenta con un website moderno y a prueba de todo, con optimización de SEO, responsible y seguridad integrada.
Si tu empresa necesita un website que le brinde estas facilidades a tus clientes, o necesitas una web más integrada con las herramientas que usan en el día a día, no dudes en comunicarte con nosotros.
Trabaja con nosotros • Trabaja con nosotros •

Javier Santos
Founder / Developer / Designer
“Nuestra misión es contribuir con el futuro digital de tu empresa”
Comunicate con nosotros