Proyectos reales
Tres sitios. Cero plantillas.
Aquí no hay maquetas ni conceptos. Son negocios reales, con clientes reales, y sus páginas están publicadas y funcionando ahora mismo.
Las tres comparten una decisión poco común: están escritas a mano. Ni WordPress, ni Wix, ni Squarespace, ni Shopify, ni un constructor visual. Tampoco un framework de moda. HTML, CSS y JavaScript propio, servidos como archivos estáticos.
Eso no es una postura estética, es una decisión con consecuencias medibles: menos código que descargar, menos cosas que se rompen solas al actualizarse, y control total sobre lo que el buscador lee. Un sitio hecho con un constructor visual arrastra decenas de scripts que tú no pediste. Uno escrito a mano sólo carga lo que hace falta.
Debajo tienes cada proyecto: qué negocio es, qué hay construido, con qué se construyó y por qué se decidió así.
Bienes raíces · Inspección · CAM
Sanabria Property Group
Sanabria Property Group es la actividad profesional de Daniel Sanabria en el sector inmobiliario del sur de Florida: inspección de viviendas, administración de asociaciones comunitarias y servicios de bienes raíces. Opera en Miami-Dade, Broward, Palm Beach, Lee, Collier, Monroe y Hendry.
El problema que resuelve la web no es de imagen. Es de confianza y de filtro. Un propietario que busca un inspector no quiere ver un folleto: quiere saber qué se le va a entregar, en cuánto tiempo, y con qué credenciales. Y el negocio, por su parte, necesita que la persona que escribe llegue ya sabiendo qué servicio pide, porque atender consultas mal dirigidas cuesta horas.
Por eso el sitio está organizado por servicio y no por sección corporativa. Cada uno de los cuatro —inspecciones, administración CAM, bienes raíces y foto y vídeo aéreo— tiene su propia entrada, su propia explicación y su propia vía de contacto. La página no intenta que te quedes navegando: intenta que llegues al formulario correcto cuanto antes.
Es también el sitio más complejo de los tres por dentro. Tiene cuatro formularios distintos, un área de acceso, navegación propia y una sección de mercado. Nada de eso viene de un plugin: está escrito y versionado a mano.
sanabriapropertygroup.comFicha técnica
- Alojamiento
- Cloudflare, con los medios pesados servidos desde un subdominio propio para no competir con la carga de la página.
- Construcción
- Sin CMS y sin framework. La página no declara ningún generador y no carga ninguna librería de interfaz: no hay React, ni Vue, ni jQuery.
- JavaScript
- Nueve archivos propios, cada uno con una responsabilidad concreta: navegación, acceso, los formularios, la sección de mercado, los iconos de servicios. Todos versionados, para que un cambio llegue al visitante sin esperar a que caduque la caché.
- Contenido
- Cuatro formularios activos, doce imágenes servidas en jpg, webp, png y svg según lo que convenga a cada una, y tipografías Inter, Archivo y Fraunces.
- Datos estructurados
- Declara RealEstateAgent y LocalBusiness, que es lo que corresponde a un profesional inmobiliario con servicio local. Eso ayuda a que un buscador entienda qué tipo de entidad es, sin prometer resultados enriquecidos.
Por qué está hecho así
Un inspector de viviendas compite en búsquedas locales muy concretas y muy disputadas. Ahí la velocidad y la claridad pesan. Cada script que no cargas es tiempo que no le haces esperar a alguien que está comparando tres empresas en el móvil.
La separación del JavaScript en piezas pequeñas no es capricho: permite cambiar el comportamiento de un formulario sin tocar la navegación, y arreglar la navegación sin riesgo de romper el acceso. En un sitio de una sola pieza, cualquier cambio obliga a revisarlo todo.
Y los datos estructurados están puestos con lo que se puede demostrar. No hay valoraciones inventadas ni reseñas fabricadas, que es exactamente lo que penalizan las políticas de datos estructurados.
Diseñada y desarrollada por Daniel Sanabria
USA Luxury Cleaning
USA Luxury Cleaning es un servicio de limpieza residencial y comercial de gama alta. La web está diseñada y desarrollada por Daniel Sanabria.
Aquí el problema es otro. En limpieza de gama alta, el precio no se justifica con una lista de tareas: se justifica con la sensación de que la casa queda en buenas manos. La página tiene que transmitir cuidado antes de explicar nada, porque quien contrata este servicio está dejando entrar a alguien en su casa.
Por eso la portada abre con fotografía de espacios reales y una tipografía con serifa, que es lo contrario de lo que hace el resto del sector. Los cuatro servicios —residencial, limpieza profunda, entrada y salida de inquilino, y comercial— aparecen como piezas equivalentes, sin jerarquía de venta, porque el cliente ya sabe cuál necesita cuando llega.
Es un sitio bilingüe. Inglés y español conviven desde la propia estructura, no como una traducción pegada encima, porque el sur de Florida funciona así.
usaluxurycleaning.comFicha técnica
- Alojamiento
- Railway, servido desde su propio dominio sin intermediarios ni capas de caché ajenas.
- Construcción
- Sin CMS y sin framework, igual que el anterior. Ningún generador declarado, ninguna librería de interfaz cargada.
- JavaScript
- Un único archivo propio. Todo el comportamiento del sitio cabe ahí, porque la página no necesita más de lo que hace.
- Contenido
- Doce imágenes en png y webp con carga diferida, y dos vídeos integrados. Las imágenes que no se ven todavía no se descargan.
- Bilingüe
- Inglés y español con enlaces declarados entre versiones, para que un buscador sepa que son la misma página en dos idiomas y no contenido duplicado.
- Datos estructurados
- Declara Organization y WebSite, que es lo que corresponde a una empresa de servicios con presencia propia.
Por qué está hecho así
Un solo archivo de JavaScript no es pereza, es proporción. La página necesita un menú, un cambio de idioma y poco más. Cargar una librería de trescientos kilobytes para eso sería pagar un peaje sin recibir nada.
Los vídeos y la fotografía pesan, y en un sector donde la imagen es el argumento no se pueden sacrificar. La compensación viene por el otro lado: formatos modernos, carga diferida y cero código sobrante. Se gasta el presupuesto de peso donde aporta.
El bilingüe está declarado en la estructura y no resuelto con un traductor automático encima. Un traductor automático genera páginas que el buscador no sabe si indexar. Dos versiones declaradas como equivalentes, sí.
La estás mirando
Esta misma página
La tercera prueba la estás mirando. DSEO Marketing se construyó con la misma regla que los otros dos: nada de constructores visuales, nada de plantillas compradas, ningún tema de terceros.
Está hecha con Astro, que es una herramienta de construcción y no una librería de navegador: el framework trabaja en tu ordenador al compilar y no viaja al visitante. Lo que llega al navegador es HTML estático, hojas de estilo y unos pocos archivos de JavaScript propio.
Si quieres comprobarlo, no hace falta que me creas: mira el código fuente de esta página y suma. Conviene avisar de algo que casi nadie cuenta: la pestaña de red del navegador no lista los módulos incrustados, así que ahí verás menos de lo que realmente se descarga.
Ficha técnica
- JavaScript
- Entre 5,8 y 8,9 kilobytes según la página, contando tanto los archivos externos como los módulos incrustados en el HTML. La cifra alta es la portada, que lleva el fondo animado; el resto baja de seis.
- Librerías de interfaz
- Ninguna. No hay React, ni Vue, ni jQuery, ni Alpine, ni htmx cargados en el navegador.
- Generador
- La página no declara ninguno, porque no lo genera ningún producto de terceros.
- Tipografías
- Empaquetadas con el sitio, no pedidas a un servidor ajeno en cada visita.
- Accesibilidad y responsive
- Comprobados de forma automática en cada cambio, en dieciséis combinaciones de idioma y ancho de pantalla, desde 320 hasta 1440 píxeles.
Por qué está hecho así
Porque es más fácil predicar que demostrar. Una agencia que vende velocidad y después sirve su propia web con dos megabytes de scripts está diciendo dos cosas a la vez, y sólo una es verdad.
Menos de nueve kilobytes no es una marca para presumir. Es la consecuencia de no cargar nada que no haga falta. El mismo criterio que aplicamos cuando el sitio es tuyo.
¿Quieres uno hecho así?
Sin plantilla, sin constructor, sin un complemento que haya que seguir pagando. Cuéntanos qué necesita el negocio y te decimos qué hace falta de verdad.