Köpenick S.A.

Köpenick S.A. es una landing page corporativa de alto rendimiento diseñada para posicionar a una empresa cubana con más de 25 años de trayectoria como referente regional en refrigeración y climatización industrial. El sitio comunica su propuesta de valor como distribuidor oficial de ocho fabricantes europeos líderes (Zanotti, Novafrigo, Coldmark, Everlasting, DECSA, Benaglio, Emicon, entre otros), articulando secciones independientes para presentación de marca, proyectos realizados, historia corporativa, catálogo de productos, fabricantes aliados, diferenciadores competitivos y formulario de contacto. La experiencia visual combina una estética brutalista moderada —tipografía condensada, sombras duras, bordes marcados— con un mapa interactivo del Caribe que sitúa geográficamente el área de servicio, soporte completo para modo claro/oscuro con persistencia de preferencia, y un diseño mobile-first cuidadosamente auditado para garantizar legibilidad y usabilidad en cualquier dispositivo. Adicionalmente, integra una sólida estrategia SEO con metadatos Open Graph y Twitter Card, geolocalización, datos estructurados Schema.org (Organization, LocalBusiness, OfferCatalog) y prerenderizado estático para maximizar el rendimiento, la indexación y la conversión.


Project screenshot 1
  • Project screenshot 1
  • Project screenshot 2
  • Project screenshot 3
  • Project screenshot 4
  • Project screenshot 5

Tecnologías usadas:

Front End:

Stack moderno y minimalista orientado a rendimiento, SEO y mantenibilidad. Utiliza React 19 con TypeScript para tipado fuerte y componentes desacoplados, Vite 7 como bundler ultrarrápido con soporte nativo de ESM, y Tailwind CSS 4 mediante el plugin oficial de Vite para una estilización eficiente y consistente con tokens de diseño personalizados. La gestión de estado global se resuelve con Zustand, ligero y sin boilerplate, ideal para el toggle de tema y la persistencia de preferencias del usuario en localStorage. La arquitectura está organizada en componentes cohesivos por sección (Hero, Projects, AboutUs, Products, Partners, WhyUs, Contact, Footer), favoreciendo la separación de responsabilidades y la reutilización. Implementa prerenderizado estático (SSG) mediante un script personalizado con entry-server.tsx que genera HTML estático en tiempo de build, mejorando el First Contentful Paint, el rendimiento en redes lentas y la indexación por motores de búsqueda. Incluye Google Fonts (Anton, JetBrains Mono) cargadas con display=swap, datos estructurados Schema.org embebidos en el HTML, fallback completo dentro de <noscript> para accesibilidad y SEO sin JavaScript, y ESLint con typescript-eslint y reglas de React Hooks para mantener un código limpio y consistente.

  • React

  • TypeScript

  • Vite

  • Tailwind

Back End:

Este proyecto no tiene backend. Al tratarse de una landing page corporativa estática, toda la información se sirve desde HTML prerenderizado y assets estáticos, eliminando la necesidad de servidor, base de datos o API. El formulario de contacto se resuelve mediante canales directos (correo y teléfono) expuestos en la propia interfaz, lo que reduce costos de infraestructura, simplifica el despliegue y maximiza la velocidad y disponibilidad del sitio.

  • none


Código no disponible