Dana Doors

De un vistazo

• Tipo de proyecto: Sitio de marketing bilingüe, catálogo y plataforma de consultas
• Idiomas: Árabe e inglés, con diseños RTL y LTR
• Catálogo: Puertas, ventanas, barandales, cocinas, vestidores y carpintería
• Recorridos: Productos, detalles, galería, proyectos, cotización, consultoría, contacto y empleo
• Medios: Imágenes de catálogo y galería en Cloudinary

El encargo

Dana Doors necesitaba un sitio público para una gama amplia y visual. Los visitantes suelen entender un producto, revisar detalles y hablar de un proyecto antes de comprar; hacía falta un catálogo y una consulta, no una tienda centrada en el pago.

El árabe y el inglés debían funcionar de forma natural: rutas localizadas, RTL, contenido, metadatos y tipografía forman parte de la implementación.

Experiencia de producto

El recorrido va de la categoría al producto y sus especificaciones, luego a imágenes, proyectos e información de pedido, y finalmente a una cotización o consultoría. El árabe es la configuración predeterminada; los recorridos existen bajo /ar y /en. La aplicación usa rutas de servidor e interacción puntual, no es una SPA.

Lo que entregamos

• Un sitio bilingüe en árabe e inglés con enrutamiento según el idioma, diseño RTL y tipografías alojadas localmente para ambas escrituras
• Un catálogo completo de productos: puertas, ventanas, barandales, cocinas, vestidores y líneas relacionadas, con páginas de categoría y de detalle
• Una galería de fotos filtrable respaldada por Cloudinary
• Formularios de cotización, consultoría, contacto y postulación laboral con correos de confirmación adaptados
• Bases de SEO: metadatos, imágenes para redes sociales, reglas de robots, sitemaps multilingües y datos estructurados
• Navegación responsiva, temas claro y oscuro, galería accesible con teclado y manejo de movimiento reducido
• Páginas de proyectos, empresa, pedidos, privacidad, términos e información corporativa

Detalles del sistema

Los datos de producto y traducción viven en el repositorio y Cloudinary aporta los medios. Utilidades compartidas alinean rutas, búsqueda de productos, resolución de imágenes y normalización de galerías. Los formularios se validan con Zod, se protegen con honeypot y límites de frecuencia, y se envían mediante Resend; Upstash Redis apoya la protección y el contador de visitas.

El resultado

Dana Doors cuenta con una plataforma acorde a la decisión: explorar productos, revisar detalles, ver trabajos realizados y contactar al equipo. El catálogo bilingüe admite cotizaciones, consultorías, contacto y candidaturas, con bases de accesibilidad y búsqueda.

Tecnología

Next.js, React y TypeScript, con Tailwind CSS y shadcn/ui. Cloudinary gestiona las imágenes de productos y proyectos, Resend entrega el correo, y Upstash Redis protege los formularios y da soporte al contador de visitas. El sitio funciona sobre Vercel.