Desinfecciones Mendoza Control - Website und Anfrage-Backoffice für ein Schädlingsbekämpfungsunternehmen
Eine Website, die ich für ein Schädlingsbekämpfungs- und Desinfektionsunternehmen in Guaymallén, Mendoza, gestaltet und gebaut habe. Schädlingsratgeber, Zonenseiten, direkter Kontakt per WhatsApp und ein Admin-Bereich, mit Next.js, Clerk und Drizzle.
Desinfecciones Mendoza Control ist ein zugelassener Betrieb für Schädlingsbekämpfung und Desinfektion mit Sitz in Rodeo de la Cruz, Guaymallén, Mendoza. Der Betrieb hat zwei Arten von Kunden: Anwohner, die mit dem Handy suchen, oft nachts, und gewerbliche Auftraggeber wie Restaurants, Hotels und Weingüter. Das Ziel war mehr Aufträge über die lokale organische Suche. Die alte Website enthielt Behauptungen, die niemand belegen konnte: erfundene Kundenstimmen, Logos großer Marken, die keine Kunden waren, eine erfundene Bewertung samt Anzahl der Rezensionen und eine falsche Telefonnummer. Ich habe alles entfernt. Es ist ein Kundenprojekt: Design und Entwicklung habe ich von Anfang bis Ende übernommen.
Was ich gebaut habe
Eine öffentliche Website mit einem Ratgeber zu 12 Schädlingen, jeder auf einer nummerierten "Ficha de la plaga" (Steckbrief) von I bis XII, dazu 2 Serviceseiten (Desinfektionszertifikat und Schuldesinfektion): insgesamt 14 Serviceseiten. Dazu kommen 10 Zonenseiten für Gran Mendoza, Aktionsseiten und ein FAQ. Jeder Steckbrief nennt Größe, Lebensraum, Aktivitätszeit und die passende Behandlung. WhatsApp-Links tragen eine vorausgefüllte Nachricht, die die Seite nennt, von der die Person kam. Auf dem Handy gibt es eine feste Aktionsleiste unten mit WhatsApp und Anrufen sowie ein Badge "jetzt geöffnet", berechnet nach mendozinischer Zeit (täglich von 06:00 bis 23:30 geöffnet).Dahinter ein Backoffice unter , geschützt mit Clerk und einem Admin-Session-Claim. Anfragenliste und Detailansicht, Aktionen mit Start- und Endfenster, Aktiv-Flag, Priorität und Banner-Option sowie ein Dashboard mit Diagrammen, einem Trichter und einem Aktionskalender. Die Texte sind auf Spanisch.
Design-Entscheidungen
"Die entomologische Tafel": eine Präparatetafel aus dem 19. Jahrhundert. Die Regel lautet eine Tinte, ein Papier, ein Signal. Bodoni Moda nur für große Überschriften, IBM Plex Sans für den Fließtext und IBM Plex Mono für Anmerkungen in Großbuchstaben. Eine einzige Signalfarbe, Zinnober, reserviert für Aktionen und den Live-Status. 1px-Haarlinien statt Schatten, 2px Radius. Die Exemplare werden in Originalgröße in Millimetern mit Lineal gezeigt, neben einem 12-Monats-Saisonband. Schädlingsfotos stehen auf Weiß und werden ins Papier multipliziert; Stockfotos aus dem Feld werden in grauer Tinte gedruckt und nie als Mitarbeiter des Unternehmens beschriftet. Nur helles Theme.
Engineering-Entscheidungen
Behauptungen, die sich nicht belegen lassen, lassen die Tests fehlschlagen. Mit Vitest lassen Text-Prüfungen die Suite fehlschlagen, wenn verbotene Begriffe, unbelegte Behauptungen oder falsche Kontaktdaten im Text auftauchen. So bleibt das Problem der alten Website draußen: Eine erfundene Kundenstimme oder eine falsch abgetippte Telefonnummer erreicht die Produktion nicht. Außerdem gibt es Tests für die Statusübergänge der Anfragen, die Aktionsregeln und die Dashboard-Statistiken, einschließlich der Wochengrenze in UTC-3 von Mendoza.Domäne getrennt vom Framework. Domänen- und Use-Case-Code liegt getrennt von Next.js, Clerk und Drizzle. Postgres mit Drizzle speichert die Anfragen (mit Status und UTM), die Aktionen, ein Audit-Log der Anfrageereignisse und die Einwilligungen.Veröffentlichung. Die Seiten sind ISR mit einem 15-Minuten-Fenster, und ein per Secret geschützter Endpunkt revalidiert Aktionen sofort, sobald eine veröffentlicht wird. Ist die Datenbank nicht erreichbar, greift die öffentliche Website auf zwei vorbefüllte Kampagnen zurück, statt auszufallen.SEO. JSON-LD (Öffnungszeiten, Geo, Einsatzgebiete, Angebotskatalog), , , und für Aktionen. Bewusst kein -Markup. Eine Bild-Sitemap, generierte Open-Graph-Karten für Startseite, Services, Zonen und Aktionen sowie AVIF/WebP-Bilder.Messung und Auslieferung. GA4-Events für WhatsApp, Anruf, Formular und Bewertungs-Taps. Das Docker-Image basiert auf node:20-alpine und läuft als Nicht-Root-Nutzer, deployt auf Dokploy.
