Cómo empezó todo
Este proyecto empezó como el desarrollo habitual de un sitio con catálogo de automóviles de Asia, pero muy pronto se volvió mucho más interesante. Tuve que reunir la información literalmente poco a poco desde Telegram, pensar el diseño de las fichas, ampliar con código los bloques estándar de Tilda y automatizar gradualmente la carga del catálogo.
Me contactaron clientes que se dedican a suministrar automóviles de China, Japón, Corea del Sur y Tailandia a Rusia.
En ese momento desarrollaban activamente un canal de Telegram. Allí aparecían con regularidad fotos de coches, reseñas breves, vídeos de envíos, características técnicas e información sobre la entrega.
Telegram es muy útil para publicar noticias y hablar con la audiencia. Pero cuando hay muchas ofertas, orientarse deja de ser cómodo.
Un comprador potencial tiene que desplazarse por el historial de mensajes, buscar el modelo que le interesa y relacionar fotos con características.
Por eso los clientes decidieron crear su propio sitio con un catálogo completo de automóviles.
En él, el visitante debía poder elegir una marca, estudiar las ofertas, ver las características y enviar una solicitud. Más adelante se planeaba usar el sitio para publicidad contextual y posicionamiento en buscadores.
Para el desarrollo se eligió Tilda. Esto permitió lanzar el proyecto con bastante rapidez y sin grandes gastos, y conservar la posibilidad de gestionar el contenido de forma autónoma.
Tomé la estructura de proyectos de automóviles anteriores
Antes ya había desarrollado una red de sitios de venta de maquinaria pesada. Durante ese trabajo se formó una estructura de catálogo acertada que podía usarse también para otras líneas de automóviles.
Decidí tomarla como base.
El resultado fue una arquitectura multipágina con página principal, secciones del catálogo, filtro por marcas y páginas internas completas para cada automóvil.
Me gusta que la estructura de un sitio esté pensada con vistas a su crecimiento.
Hoy el catálogo tiene un número de ofertas, mañana otro. Aparecen nuevas marcas, modelos y rutas de suministro. Con una buena arquitectura, todo eso se puede añadir poco a poco sin rehacer el sitio cada vez.
Además, las páginas individuales de los automóviles permiten desarrollar el posicionamiento por marcas y modelos y usarlas en campañas publicitarias.
Telegram resultó ser una aventura aparte
Cuando llegó el momento de llenar el catálogo, resultó que los materiales de origen no se parecían en nada a la tabla habitual de productos con nombres, características y fotos.
Todo estaba en Telegram.
Además, la información sobre un solo automóvil podía estar repartida en varios mensajes publicados con días o incluso semanas de diferencia.
Por ejemplo, primero aparecía una publicación breve con las características del coche. Unos días después, las fotos. Luego, un vídeo. Y algún tiempo más tarde, imágenes del automóvil en el lugar de envío.
Entre esas publicaciones podía haber decenas de mensajes sobre otros automóviles.
Como resultado, tenía que revisar con atención el historial del canal, buscar mensajes relacionados, relacionar fotos y vídeos y averiguar qué materiales correspondían a cada coche.
A veces, para preparar una sola ficha había que revisar publicaciones de varias semanas.
Fue una de las partes más laboriosas del proyecto.
Por qué hubo que trabajar además el contenido
La mayoría de las publicaciones de Telegram tenía otra particularidad: un contenido muy breve.
Unas cuantas características, un par de frases y fotos.
Para Telegram eso basta. Pero en el sitio quería dar al visitante más información.
Por eso decidí completar las fichas por mi cuenta.
Preparé descripciones más detalladas de los automóviles, añadí datos técnicos, conté las particularidades de los modelos e incluí datos curiosos y un poco de historia.
Así, en lugar de publicaciones breves, aparecieron páginas completas en las que se puede conocer mejor cada automóvil.
Para mí esto es importante: hasta el catálogo más bonito pierde sentido si el visitante apenas puede saber algo del producto.
Primero todo a mano, después automatización
En la primera etapa, la carga del contenido era más o menos así: guardar los materiales de Telegram, averiguar a qué automóvil pertenecen, elegir las fotos, preparar la descripción, publicar todo en el sitio y comprobar el resultado.
Después, repetir todo el proceso con el siguiente coche.
Muy pronto quedó claro que una parte de ese trabajo se podía automatizar.
Poco a poco empecé a introducir soluciones para exportar los materiales de Telegram y pasarlos después al sitio.
Con el tiempo, la automatización fue abarcando cada vez más operaciones.
Pero no renuncié del todo al trabajo manual.
Primero, los materiales de origen no siempre están lo bastante estructurados. Segundo, incluso después del procesamiento automático, el contenido suele necesitar aclaraciones y correcciones.
Y hay otra cosa: soy bastante exigente con la calidad de las páginas terminadas.
Si una imagen no queda bien, una descripción necesita retoques o algún elemento de la interfaz no me convence, prefiero corregirlo a mano.
Por eso, en este proyecto la automatización me ayuda a librarme de las operaciones repetitivas, mientras que la revisión final y el acabado del resultado siguen siendo cosa mía.
Mi parte favorita del proyecto: el diseño de los automóviles
Para el sitio hicieron falta bastantes gráficos.
Creé imágenes para la primera pantalla de la página principal, banners y secciones internas.
Pero me gustó especialmente la idea que realicé en las páginas de cada automóvil.
Normalmente, la primera pantalla de la ficha de un coche es bastante estándar: el nombre del modelo, fotos, características y un botón de solicitud.
Quise hacerla más expresiva.
Así surgió la idea de usar como fondo una imagen grande del automóvil con luz de atardecer.
Para cada modelo generé esa imagen por separado.
La luz de la tarde resalta con elegancia la silueta del coche, las líneas de la carrocería, los faros y otros detalles. Y sobre la imagen queda bien un título grande con el nombre del modelo.
Como resultado, cada página tiene su propia atmósfera.
Al mismo tiempo, todas las fichas siguen un mismo principio: la misma composición de la primera pantalla, la misma colocación de los títulos y un estilo común de imágenes.
Me gusta que este enfoque permita hacer visualmente interesante incluso un catálogo grande, manteniendo la coherencia del diseño.
Cómo amplié los bloques estándar de Tilda
El desarrollo del sitio no se limitó a configurar bloques estándar.
Desde el principio usé activamente CSS y JavaScript para cambiar el aspecto y el comportamiento de los elementos del catálogo.
Ajusté las fichas de producto, el diseño de las vistas previas de los automóviles, el filtro por marcas y varios elementos de la interfaz.
Era importante lograr exactamente el aspecto que había imaginado y, al mismo tiempo, mantener la comodidad de gestión del sitio.
Esta es una de las razones por las que me gusta trabajar con Tilda.
Los bloques ya hechos permiten montar rápido la base de un proyecto. Y los estilos y scripts propios permiten cambiar la interfaz, ampliar la funcionalidad estándar y crear soluciones a medida.
Así se puede realizar un sitio bastante complejo sin renunciar a las ventajas de un constructor.
En el proyecto «Iz Korei», la combinación de las posibilidades estándar de Tilda, el código propio y la automatización permitió lograr justo ese resultado.
Las solicitudes deben llegar a los clientes rápido y de forma fiable
Otra parte del desarrollo es la organización de la recepción de solicitudes.
Preparé varios puntos de entrada: los formularios están en la página principal, en las vistas previas de los automóviles y directamente en las fichas.
El visitante puede enviar una solicitud justo después de interesarse por un coche concreto.
Para transmitir las solicitudes uso un esquema probado con cuatro canales.
Las solicitudes se guardan en el CRM integrado de Tilda y además llegan a Google Sheets.
Las notificaciones llegan por correo electrónico y a través de un bot de Telegram.
Me gusta este esquema por su practicidad.
Los clientes pueden enterarse enseguida de una nueva solicitud en su mensajero habitual y, si hace falta encontrar una solicitud antigua, abrir el CRM o la hoja de cálculo.
Al mismo tiempo, la información se almacena en dos sistemas independientes, lo que da una seguridad adicional al historial de solicitudes.
El resultado
El resultado es un sitio multipágina «Iz Korei» con catálogo de automóviles de Asia, filtro por marcas, fichas completas de los modelos y un sistema de recepción de solicitudes.
Pero a mí este proyecto me interesa además por cómo se desarrolló.
Primero estaba la estructura probada del catálogo. Después, el minucioso trabajo con las publicaciones de Telegram. Luego aparecieron imágenes individuales, modificaciones de bloques estándar y, poco a poco, la automatización de la carga del contenido.
Cada nueva etapa añadía funcionalidad al sitio y hacía más cómodo trabajar con él.
En este proyecto logré combinar varias áreas que me resultan especialmente interesantes en el desarrollo: la arquitectura de un sitio multipágina, la programación, el diseño, la creación de contenido y la automatización.
Por esas posibilidades quiero a Tilda. Cuando se conoce bien la plataforma y se sabe trabajar con código propio, se pueden realizar proyectos complejos con una interfaz individual y una estructura bien pensada.
Y también me gusta que el desarrollo no termine con la publicación del sitio. En el proyecto queda espacio para mejoras, nuevas funciones y un mayor desarrollo.
Ver el sitio «Iz Korei»: izkorei.alliance-car.ru.
Un catálogo en Tilda para los objetivos de su proyecto
Si necesita un sitio con catálogo, con estructura propia, bloques ampliados y carga automatizada del contenido, puedo desarrollarlo en Tilda y acompañarlo a medida que el proyecto evolucione.