Abriss Meier by Herkenrath Bau
Marca, diseño y web para una empresa de demoliciones en el Harz: 14 páginas de localidad con texto propio, seis páginas de servicio y un formulario de solicitud que precualifica el proyecto antes de que nadie se desplace a ver la obra.
Volver a las referencias29
Páginas en un deploy
14
Páginas de localidad
121 KB
JavaScript y CSS
0
Scripts de tracking
Resumen del proyecto
Abriss Meier derriba casas, vacía edificios hasta dejar la estructura y procesa los escombros en la propia obra. Su zona de trabajo va de Göttingen a Magdeburg, atraviesa el Harz y alcanza las regiones limítrofes de Niedersachsen, Sachsen-Anhalt y Thüringen. Quien busca este servicio lo busca casi siempre por localidad: Hausabriss Wernigerode, Abriss Goslar, Entkernung Halberstadt.
El segundo obstáculo está en el presupuesto. El coste de un derribo depende del tipo de edificio, la superficie, el número de plantas, el sótano, la sospecha de sustancias peligrosas y de si una excavadora pesada puede siquiera entrar en la parcela. Dar un precio serio exige una visita, y cada visita cuesta una jornada. De ahí que la web tuviera que filtrar de antemano.
Abriss Meier arrancó sin web y sin identidad de marca. La empresa necesitaba visibilidad en 13 ciudades y en la región del Harz, repartidas entre tres estados federados, cada una con su propia búsqueda. A eso se añade un sector donde los permisos, el amianto y la normativa de residuos convierten cualquier frase imprecisa en un riesgo de responsabilidad.
Construimos desde cero el logotipo, la paleta cromática, el diseño y la web. La arquitectura del sitio separa seis páginas de servicio de 14 páginas de localidad, cada una con su propio texto sobre estado constructivo, barrios y accesos. A ello se sumó un formulario de solicitud con 14 campos y carga de fotos, servido como frontend Next.js prerrenderizado de forma estática en Vercel.
29 páginas salieron a producción en un único deploy, todas prerrenderizadas y guardadas en el Edge-Cache, cada una con su propio título, su propia descripción, un titular principal y el marcado legible por máquinas que corresponde a la empresa, al servicio, a la localidad y a las preguntas. La portada no carga nada desde servidores ajenos.
Visibilidad local
Una página de localidad rinde cuando aporta algo más que un topónimo sustituido en el mismo texto. La de Wernigerode habla de Hasserode, Nöschenrode, Silstedt y Schierke, y de lo que los accesos estrechos del casco antiguo implican a la hora de elegir maquinaria. Goslar gira en torno al Rammelsberg, al barrio de Baßgeige y a la protección del patrimonio en el centro histórico. En Magdeburg entran los barrios decimonónicos de Stadtfeld y Buckau, los bloques prefabricados y la Bauordnung des Landes Sachsen-Anhalt, el código de edificación del estado.
La arquitectura del sitio
13 ciudades de Göttingen a Magdeburg más una página para la región del Harz, todas bajo el mismo patrón de URL. El texto se reescribe para cada municipio, con FAQ regional propia.
Hausabriss (derribo de vivienda), Teilabriss (demolición parcial), Entkernung (vaciado interior), Schadstoffgutachten (peritaje de sustancias peligrosas), Bauschutt-Recycling vor Ort (reciclaje de escombros en obra) y Bauschutt-Entsorgung (gestión de escombros), más una página de resumen que reúne los ocho servicios del catálogo.
Desde la portada se llega a cualquiera de las 29 páginas con un clic. El pie de cada página abre el clúster completo de localidades; las referencias cruzadas viven dentro del texto corrido y usan el título de la página de destino como anclaje.
Cada página le cuenta a los buscadores, en formato legible por máquinas, quién es la empresa, dónde trabaja y qué sabe hacer: dirección, teléfono, 17 municipios y regiones como zona de trabajo, siete áreas de servicio. Las páginas de localidad y de servicio añaden el servicio que les toca, y 17 de las 29 páginas entregan de paso sus preguntas con sus respuestas.
Cada página tiene su propio título, su propia descripción para la lista de resultados, una referencia a sí misma como dirección original y exactamente un titular principal. Las prioridades del sitemap también están asignadas a mano, una a una, de 1.0 en la portada a 0.2 en el aviso legal.
En materia de permisos, el texto remite a la Bauaufsichtsbehörde competente, la autoridad de control urbanístico; en materia de precio, a la visita; para la reutilización de material, a la Ersatzbaustoffverordnung, el reglamento alemán de áridos reciclados. Toda afirmación que tendría que firmar un perito queda formulada con la reserva correspondiente.
Formulario de solicitud
El formulario de solicitud aparece en la portada y en todas las páginas de servicio. Pregunta exactamente los datos con los que se arma un cálculo de costes. Seis de los 14 campos son obligatorios; el resto suma. Quien lo rellena entrega de una sola vez la imagen del proyecto que de otro modo costaría dos llamadas.
Vivienda unifamiliar, edificio plurifamiliar, garaje, granero, edificación auxiliar, local comercial, nave, ampliación u otros.
De una a cuatro plantas, con sótano o sin definir. El sótano decide si hay demolición de cimientos y relleno.
Superficie aproximada en planta, punto de partida para estimar el volumen de material.
Confirmadas, sospechadas o desconocidas. De esa respuesta depende si antes del derribo se encarga un peritaje.
Libre, limitado o sin definir. El dato marca el tamaño de la maquinaria y si una excavadora de cadenas llega a entrar en la parcela.
Ventana temporal deseada para la ejecución, base para la planificación de fechas.
JPG, PNG, WebP, HEIC o PDF, hasta 10 MB por archivo. Una foto del acceso responde preguntas que ningún campo de formulario sabe hacer.
Nombre, empresa, teléfono, correo electrónico y dirección del inmueble que se va a derribar.
El envío pasa por una Server Action, de modo que el formulario también sale adelante con JavaScript desactivado. Contra los envíos automatizados actúan un campo oculto, una marca de tiempo al abrir el formulario y Cloudflare Turnstile, mencionado y justificado en la política de privacidad.
Tecnología
La web de una empresa de obra se abre muchas veces sobre la marcha: en la parcela, con una rayita de cobertura. Por eso las 29 páginas esperan en caché ya renderizadas y no se generan en cada visita.
Decisiones técnicas
El frontend está construido con el App Router de Next.js y se prerrenderiza por completo en Vercel. Las 29 URLs salen del Edge-Cache como HTML terminado, sin consulta a base de datos en la ruta de la petición. La página 404 también viene prerrenderizada, y las redirecciones desde http, desde el dominio apex y desde URLs sin barra final se resuelven limpiamente con un 308.
En navegadores modernos, la portada carga unos 121 KB de JavaScript y CSS comprimidos con brotli. La tipografía se apoya en el stack de fuentes del sistema: ningún archivo de webfont, ninguna descarga de fuentes, ningún salto del texto cuando la tipografía llega tarde. El sistema de color vive como tokens de Tailwind sobre el rojo de marca #ED1C24.
Las imágenes llegan en WebP con el ancho que necesita cada dispositivo: nueve tamaños entre los que el navegador escoge el que le sirve. La imagen principal de cada página se carga por adelantado y con prioridad alta; el resto espera a que el scroll llegue hasta ellas.
Al cargar una página no sale ni una sola petición hacia un servidor ajeno. Sin analítica, sin gestor de etiquetas, sin mapa incrustado y, por tanto, sin banner de cookies. La única conexión externa la abre el formulario a través de Cloudflare Turnstile, después del renderizado y explicada en la política de privacidad.
Stack tecnológico
Alcance
14 campos recogen tipo de edificio, superficie, plantas, sótano, sospecha de sustancias peligrosas, acceso y fecha deseada. Seis son obligatorios. Cada solicitud llega convertida en base de cálculo.
El envío corre por una Server Action como un POST clásico. Si un script se bloquea o se pierde por el camino, la solicitud llega igual.
Hasta diez archivos por solicitud en JPG, PNG, WebP, HEIC o PDF, cada uno de hasta 10 MB. Una foto del acceso puede ahorrar la primera visita al terreno.
Quien prefiere hablar deja nombre, teléfono y una franja horaria. El diálogo no pide nada más y los datos del edificio se ven durante la llamada.
14 páginas con texto propio sobre barrios, estado constructivo y accesos, cada una con los servicios que encajan, FAQ regional y su propia vía de contacto.
Seis páginas de detalle, de Hausabriss a Bauschutt-Entsorgung, más un resumen de los ocho servicios que incluye Gebäudeabriss (demolición de edificios) y Baustellenräumung (despeje de obra).
En el móvil, el borde inferior de la pantalla mantiene siempre a la vista llamar y pedir presupuesto. El contacto queda a un toque desde cualquier punto de la web.
Enlace de salto al contenido principal, cinco áreas de navegación con nombre, un titular principal por página, textos alternativos descriptivos en todas las imágenes, una etiqueta en cada campo del formulario y 67 iconos decorativos que los lectores de pantalla se saltan.
Sin servicios de tracking, la web no necesita consentimiento y nadie se topa con un banner delante del contenido. La política de privacidad nombra Turnstile como único servicio de terceros, con su base jurídica.
Entregables
Decisiones detrás de la web de Abriss Meier
Porque la búsqueda es local. Quien quiere derribar una casa en Goslar teclea Hausabriss Goslar, no Abrissunternehmen Harz. Una página por municipio responde a esa búsqueda con el vocabulario del lugar y con los barrios que allí conoce todo el mundo. Una página común con 14 nombres de ciudad en una lista se queda corta.
Cada página tiene texto propio. Wernigerode habla del casco antiguo de edificación densa, de Hasserode y Nöschenrode y de los accesos estrechos. En Goslar aparecen el Rammelsberg y la protección del patrimonio; en Magdeburg, los barrios decimonónicos de Stadtfeld y Buckau, los bloques prefabricados y la Bauordnung des Landes Sachsen-Anhalt. Las FAQ también cambian de un municipio a otro. Se repiten únicamente los bloques de servicios y las vías de contacto.
Porque así la web no tiene nada que hacer cuando alguien la abre. Las 29 páginas se renderizan durante el despliegue y quedan en el Edge-Cache como HTML terminado. Ningún servidor calculando en cada visita, ninguna base de datos en la ruta de la petición, ninguna actualización de seguridad que alguien tenga que aplicar.
Las dos cosas cuestan tiempo de carga y generan obligaciones. Sin servicio de analítica desaparece el consentimiento y con él el banner que se interpone ante el contenido. Sin webfont, el texto aparece de inmediato con la tipografía correcta. En navegadores modernos quedan unos 121 KB de JavaScript y CSS, y al abrir una página no sale ninguna petición hacia un servidor ajeno.
Adelanta las repreguntas. Tipo de edificio, superficie, plantas, sótano, sospecha de sustancias peligrosas y acceso son justo los puntos que definen un presupuesto. Si llegan con la solicitud, acompañados de hasta diez fotos, el inventario ya está hecho en la primera llamada de vuelta y la conversación se dedica a acordar detalles. Obligatorios siguen siendo seis campos, de modo que la longitud no eche a nadie atrás.
Por los datos estructurados. Cada página deja constancia, en formato legible por máquinas, de quién es la empresa, dónde trabaja y qué sabe hacer: dirección y teléfono, 17 municipios y regiones como zona de trabajo, siete áreas de servicio. Las páginas de localidad y de servicio incorporan además el servicio correspondiente como entrada propia, junto a una ruta de migas de pan que va de la portada a la zona de trabajo y de ahí al municipio. En 17 de las 29 páginas constan también las preguntas con sus respuestas en ese mismo formato legible por máquinas.
¿Trabajas a nivel regional y quieres que te encuentren en cada municipio de tu zona? Con Abriss Meier recorrimos nosotros mismos todo el camino, de la marca hasta la última página de localidad. Cuéntanos cómo es tu zona y te damos una valoración honesta.