Mongoose Signs & Advertising

Über das Projekt

Mongoose Signs & Advertising ist eine vollständige Unternehmenswebsite, die für Serhii Titov und sein Schilder- und Werbeunternehmen entwickelt wurde. Ziel des Projekts war es, mehr als 20 Jahre praktische Branchenerfahrung und ein umfangreiches Archiv abgeschlossener Arbeiten in eine klare und moderne Online-Präsenz zu übertragen, die die Leistungen des Unternehmens erklärt, reale Projekte zeigt und potenzielle Kunden gezielt zu einer Angebotsanfrage führt. Die Website präsentiert das Unternehmen über eigene Bereiche für Startseite, Über uns, Leistungen, Portfolio, Bewertungen, Blog und Kontakt. Die Leistungsstruktur umfasst unter anderem Schildermontage, Billboard-Montage, LED-Schilder, Reparatur und Wartung, Fahrzeugbeschriftung, Unterstützung bei Genehmigungen und weitere Werbelösungen. Der Bereich „Über uns“ erzählt Serhiis beruflichen Weg von seinem Unternehmen in der Ukraine über internationale Erfahrung bis zu seiner heutigen Tätigkeit im Bundesstaat Washington. Außerdem erklärt die Website das Einsatzgebiet und den Ablauf von der Beratung bis zur Installation. Ein zentraler Bestandteil des Projekts ist das visuelle Portfolio. Abgeschlossene Arbeiten sind in Kategorien wie Leuchtreklame, Fassaden, Stelen, Billboard-Werbung, Innenbereich, Markisen, Metallrahmen, Fahrzeugbranding, Banner, Tönung, Verkehrsschilder, Aluminiumwerbung und Lackierarbeiten gegliedert. Ich entwickelte das Portfolio so, dass die Kategorieseiten Bilder aus strukturierten Projektordnern laden und weitere Bilder schrittweise anzeigen können, anstatt das gesamte Archiv gleichzeitig darzustellen. Dadurch bleibt auch ein großes Bildarchiv übersichtlich und einfacher zu pflegen. Das Frontend wurde mit Next.js 16, React 19 und TypeScript auf Basis des App Routers und eigenem globalem CSS entwickelt. Ich erstellte wiederverwendbare Komponenten, responsive Layouts für Desktop und Mobilgeräte, eine mobile Burger-Navigation, bearbeitbare SVG-basierte Interface-Grafiken und optimierte WebP-Bilder. Das Design wurde für unterschiedliche Bildschirmgrößen angepasst, während Markenauftritt, Handlungsaufforderungen und Kontaktdaten jederzeit gut auffindbar bleiben. Zusätzlich entwickelte ich die Interaktionsabläufe für Kundenanfragen. Service-Links können die ausgewählte Leistung direkt an das Anfrageformular übergeben, bei Telefonnummern gibt es eine Kopierbestätigung und das E-Mail-Verhalten ist für Desktop und Mobilgeräte angepasst. Kontakt- und Bewertungsformulare wurden mit Validierung und backend-fähigen API-Adaptern vorbereitet, einschließlich Origin-Prüfungen, Honeypot-Schutz, Anfragebegrenzungen, Dateibeschränkungen und Rate-Limiting-Logik. Die Anwendung enthält außerdem Security Header und eine Content Security Policy. Die dauerhafte Speicherung der Formulardaten wurde bewusst für eine spätere Backend-Anbindung vorbereitet und nicht als bereits fertige Datenbankfunktion dargestellt. Zum Projekt gehören außerdem produktionsrelevante Details wie eine individuelle 404-Seite, Sitemap, Robots-Konfiguration, Bildoptimierung und Vorbereitung für das Deployment. Das Ergebnis ist eine responsive Unternehmenswebsite, die Firmenpräsentation, Leistungsinformationen, ein umfangreiches kategorisiertes Portfolio, Bewertungs- und Angebotsprozesse sowie eine technische Grundlage für spätere Backend-Erweiterungen miteinander verbindet.

Meine Rolle

Ich übernahm das vollständige Webdesign und die Frontend-Entwicklung: Informationsarchitektur, responsive Benutzeroberfläche, wiederverwendbare Next.js-Komponenten, Leistungs- und Portfoliostruktur, Bildoptimierung, Interaktionsdesign, Formularvalidierung und backend-fähige Sicherheitslogik, SEO-relevante technische Seiten, Tests und Vercel-Deployment.

Meine Aufgaben

• ✓Informationsarchitektur und geschäftsorientierte User Journey geplant
• ✓Die Website mit Next.js 16, React 19, TypeScript und dem App Router entwickelt
• ✓Responsive Desktop- und Mobile-Layouts mit eigenem globalem CSS und Burger-Navigation erstellt
• ✓Seiten für Home, About, Services, Portfolio, Reviews, Blog, Contact, Kategorien, 404, Sitemap und Robots entwickelt
• ✓Ein ordnerbasiertes Portfolio-System mit Kategorien und schrittweisem Laden von Bildern für ein großes Projektarchiv aufgebaut
• ✓Portfolio-Bilder als WebP optimiert und wiederverwendbare bzw. bearbeitbare SVG-Interface-Grafiken erstellt
• ✓Service-Vorauswahl im Kontaktformular, Kopierfeedback für Telefonnummern und Desktop-/Mobile-E-Mail-Interaktionen umgesetzt
• ✓Kontakt- und Bewertungsformulare mit Validierung, Origin-Prüfung, Honeypots, Anfragebegrenzungen, Dateibeschränkungen und Rate-Limiting-Logik vorbereitet
• ✓Security Header und Content Security Policy hinzugefügt und API-Adapter für eine spätere Backend-Speicherung vorbereitet
• ✓Das Projekt getestet und das produktionsbereite Frontend auf Vercel deployed