Client
Depósitos Logísticos
Project
Web development + integrations
Website
dlsd.com.do

Client
Depósitos Logísticos is a company that offers management and storage services in Santo Domingo, Dominican Republic.
Goals
Logistics Warehouses came to us with two initial needs, one of which required the collaboration of several collaborators from the tech world.
- 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.
Main challenges
This project presented many challenges, as there were several functionalities we had only read about but had never actually implemented, such as the queuing system on a computer for customers to take their turn and print those numbers with a thermal printer.
The calculator was possibly the most comprehensive we had ever created. The client could accurately calculate the cost of their shipment, taking into account more than 15 factors. Furthermore, this calculator would be connected to the company’s internal system via API to load these 15 factors, which were already included with the shipment. Factors such as weight, dimensions, type of shipment, etc., were automatically populated in the calculator by entering the shipment’s HBL (Header Bill of Lading). It could also generate an invoice for download as a PDF.
The shipment search tool was a valuable addition for the end client, and it also required an API connection to the company’s system.
Strategy
When we started the project, we understood that to complete it, we needed to subcontract a backend developer with experience in printing and running a live app to generate appointments.
Our specialty is sales websites, customer acquisition, and frontend development, so designing this application was a perfect fit for us. We designed the screens that customers would use to take and view their appointments.
Screen for taking a turn

This is the part of the application with which the customer interacts, enters their ID and BL number, then selects which area they are going to.
Screen for viewing shifts

This screen is on a monitor in the store, so the customer can see which turn they are being served. It also emits a sound when moving from one customer to another, to improve the user experience.
Development of the appointment scheduling app
After the client approved the app designs (we do not show the internal app designs for security reasons) we developed the front of the app and proceeded to hand it off to our backend specialist Rubén Encarnación, so that he could proceed with the development of the backend.
Website design and development
Once the necessary materials were delivered to the app developer (development would take a few weeks), we focused on the website design itself.
As part of our process, we gathered the necessary information from the client to carry out the design. First, we determined the internal pages to be created and the sections within each page. Using this data, we created the sitemap and began the design process.
Home page

Services calculator

Initially the calculator started out much simpler, but over time and through study with direct clients, it was expanded and improved significantly.
Search by BL

With this functionality, the customer can view their shipment without having to call the office, which greatly reduces the flow of users in the warehouse and helps to build customer loyalty.
Book your place online

With this web interface, the user can book an appointment for that day or the next day. We made the system take into account the time and availability. When booking, the system displays a screen that the customer can take a screenshot of, and it also sends their appointment details by email.
Table of containers

From this table, customers can see the status of the containers without having to contact the company; this is updated by warehouse staff whenever they need to.
To the code
For this project, we used WordPress with a visual editor that’s part of our workflow (Divi), but only for the informational sections of the site.
For the interactive sections, we used React and Vanilla JavaScript, which are among our specialties.
As is standard practice, API calls and any issues involving user passwords are handled in PHP, since it’s the backend language for this project, given that it’s built on WordPress.
Quality test
As a final phase before delivering the project, we go through a usability test. We have an internal checklist that we use to track any small details that might be missed, thus ensuring that the client gets a functional, responsive website that loads quickly and is visually appealing to the end user.
Results
As a result of this project, we have a feature-rich website that serves as a customer loyalty tool thanks to its user-friendly features.
The client now has a modern, robust website with SEO optimization, responsive design, and built-in security.
If your company needs a website that offers these features to your customers, or if you need a website that’s more integrated with the tools they use daily, don’t hesitate to contact us.
Work with us • Work with us •

Javier Santos
Founder / Developer / Designer
“Our mission is to contribute to the digital future of your company”
Contact us