Rediseño del sitio web de Citybox

Qué se necesitaba

El sitio anterior de Citybox estaba hecho con Porto y WPBakery. La empresa quería una imagen nueva para sus mini bodegas, que se viera bien en el celular y que llevara a la gente directo a reservar.

Qué construí

Un sitio WordPress con un tema propio y Elementor, armado con los widgets de GeekCore Toolkit. Los textos, precios y direcciones son los reales del sitio anterior y los datos que entregó Citybox.

• Portada: el fondo cambia según la sede y rota solo hasta que la persona elige una. El botón “Alquila tu bodega” lleva a la sede elegida.
• Mini bodegas: una tarjeta por categoría con su ilustración, los metros cuadrados, qué se suele guardar y el precio mensual más IVA. Los precios cambian según la sede.
• Calculadora de espacio: la persona agrega lo que quiere guardar y el sitio le recomienda la bodega más pequeña que le alcanza. Reemplaza la calculadora antigua, que usaba jQuery y Bootstrap.
• Contenido: pasos de cómo funciona, video, seguridad, sección de la app, sucursales con teléfono, preguntas frecuentes y formulario de contacto.
• Portal de clientes: los botones “Mi Cuenta” y “Reservar” llevan al portal de pagos, que sigue siendo una aplicación aparte.

Piezas propias

• Tema Citybox: independiente, con su sistema de diseño y tipografía local, sin depender de Google Fonts.
• Citybox Importer: carga las imágenes, las páginas, los textos legales, los menús, el header y el footer. Se puede repetir sin duplicar contenido, así que el sitio se arma igual en desarrollo y en producción.
• Calculadora Citybox: plugin con panel de administración (categorías, ítems, unidades con imagen, colores y textos), shortcode y widget de Elementor, con exportación e importación en JSON.

SEO y seguridad

El tema agrega meta descripción, Open Graph, datos estructurados de la empresa y de las tres sedes, y un llms.txt. También agrega cabeceras de seguridad, desactiva XML-RPC y evita que se listen los usuarios del sitio. Todo se probó en escritorio y en celular, y también dentro del editor de Elementor.