Ditulum: sitio comercial bilingüe

Ditulum fue uno de los primeros sitios grandes que desarrollé desde cero. A diferencia de una landing sencilla, aquí ya había una estructura multipágina: inicio, servicios, contacto, secciones internas y rutas para cada servicio. También se contemplaba un catálogo, aunque esa parte quedó como una base pendiente de crecer.

Por lo que recuerdo, el negocio estaba relacionado con decoración, ambientación, tapicería, vinilos, espacios y diseño floral para eventos. Más allá del giro exacto, para mí el proyecto importó porque fue una de las primeras veces en las que pude aplicar casi todo lo que venía aprendiendo en un sitio más robusto.

Desarrollo y reto técnico

Desarrollé toda la estructura del sitio: páginas, componentes, estilos, secciones de servicios, navegación, contacto, integración bilingüe y herramientas de medición. En ese momento todavía trabajaba mucho con EDgrid, una librería que venía de mi formación con EDteam y que después quedó desplazada por herramientas como Tailwind CSS. Ver este proyecto conserva algo de nostalgia porque muestra una etapa concreta de mi forma de construir interfaces.

El reto principal fue que Ditulum no era solo una landing. Al ser un sitio multipágina y bilingüe, cada texto, sección y ruta debía funcionar en español e inglés. La traducción no era difícil en concepto, pero sí laboriosa, porque había que cuidar consistencia y navegación sin que el cambio de idioma se sintiera brusco.

También integré herramientas comerciales como Google Tag Manager, Facebook Pixel y LeadSales. Aunque la estrategia de marketing no estaba en mis manos, el sitio debía quedar preparado para medición, campañas y contacto inmediato. Técnicamente, eso implicaba cuidar scripts externos, widgets y comportamiento dentro de Gatsby.

Mirando hacia atrás, hay decisiones de rendimiento y estructura que hoy resolvería mejor, pero Ditulum sigue siendo un proyecto importante porque me hizo ver que ya podía construir un sitio completo, visual, bilingüe y con varias integraciones desde mi propia habilidad.

Tecnologías utilizadas

1. Gatsby
2. React
3. Sass
4. EDgrid
5. Gatsby Intl
6. React Slick
7. Swiper
8. Google Tag Manager
9. Facebook Pixel
10. LeadSales

Resultado

El sitio quedó como una presencia comercial multipágina, bilingüe y preparada para contacto y medición. Aunque el cliente después migró a otra solución y esta versión quedó conservada en Netlify, Ditulum representa una etapa de consolidación: pasar de landings aisladas a un sitio más completo, con rutas, servicios, traducción e integraciones comerciales.