Webseite
Scholl Antriebselemente Webseite
Dieses Projekt ermöglicht Scholl Antriebselemente eine ansprechende und professionelle Online-Präsenz. Die Webseite stellt das Unternehmen und seinen Produktkatalog vor, hebt die Fertigungskompetenz hervor und ermöglicht es potenziellen Kunden, Kontakt für Sonderanfertigungen aufzunehmen.
Auftraggeber
Scholl Antriebselemente
Technologien
Astro, Svelte, Tailwind, WordPress (CMS)
Projektgeschichte
Das Problem
Fehlende Online-Präsenz und begrenzte Sichtbarkeit
Vor der Entwicklung der Webseite hatte Scholl Antriebselemente keine eigene Online-Präsenz, was zu einer geringen Sichtbarkeit des Unternehmens im Internet führte. Die Anforderungen waren klar: Eine Webseite, die nicht nur die Produkte zeigt, sondern auch als Kontaktstelle für Sonderanfertigungen dient und das Unternehmen im besten Licht präsentiert.
Die Webseite wurde mit einem sauberen, modernen Design entwickelt, das sich stark auf die Präsentation des Produktkatalogs konzentriert. Bilder, die die Produkte und die Produktion zeigen, sind auf allen Seiten integriert, um das visuelle Erlebnis zu bereichern. Ein helles Design wurde gewählt, um die Reinheit und Sauberkeit der Fertigung widerzuspiegeln und eine professionelle, einladende Atmosphäre zu schaffen.
Die Lösung
Sauberes Design und klare Struktur für den Produktkatalog
Herausforderungen
Produktverwaltung und Automatisierung des Deployments
Eine besondere Herausforderung war es, dass Scholl Antriebselemente die Produkte selbstständig anpassen und verwalten wollte. Diese Anforderung wurde durch die Integration von WordPress als Content Management System (CMS) gelöst. Alle Produktdaten und Bilder werden in WordPress gespeichert, und ein nächtlicher Cron Job löst eine GitHub-Pipeline aus, die das Projekt neu baut und per FTP auf den Hosting-Server hochlädt. Durch die Verwendung von Astro wird sichergestellt, dass die Seite beim Build-Prozess entkoppelt wird, sodass keine direkten Verweise auf den WordPress-Server bestehen und die gebaute Seite unabhängig läuft.
Projektpräsentation
Modernes Design und Benutzerfreundlichkeit
Die Webseite verfolgt ein modernes Design, das durch eine klare Struktur und einfache Navigation besticht. Besucher können die Produktinformationen schnell und problemlos finden, wodurch eine benutzerfreundliche Erfahrung geschaffen wird. Der Fokus liegt darauf, die Inhalte so zu präsentieren, dass sie auch auf einen Blick verständlich und zugänglich sind.
Optimierung für mobile Endgeräte
Die Webseite wurde speziell für mobile Endgeräte optimiert, sodass sie auf Smartphones und Tablets genauso gut funktioniert wie auf Desktops. Dabei werden Layout, Schriftgrößen und Abstände abhängig von der Gerätegröße angepasst, um eine optimale Benutzererfahrung zu gewährleisten. So wird die Lesbarkeit und Bedienbarkeit auf allen Geräten sichergestellt, während die Nutzer problemlos durch die Produkte stöbern und Informationen einsehen können.
Produktkatalog mit Such- und Filterfunktionen
Der Produktkatalog auf der Webseite ist übersichtlich strukturiert und ermöglicht den Nutzern, schnell nach Produkten zu suchen und diese nach verschiedenen Kriterien wie Kategorie oder Produktmerkmalen zu filtern. Dies erleichtert den Zugang zu den gewünschten Informationen und bietet eine effiziente Möglichkeit, das passende Produkt zu finden.
Entwicklungspräsentation
Verwendete Frontend Technologien
Astro
Astro is a modern, open-source web framework designed for building fast, content-rich websites with minimal JavaScript.
Typescript
TypeScript is a superset of JavaScript that adds static typing to the language, helping to catch errors during development.
Svelte
Svelte is a modern JavaScript framework for building user interfaces that compiles components into highly efficient imperative code.
Tailwind
Tailwind CSS is a utility-first CSS framework designed for rapidly building custom user interfaces using pre-defined utility classes directly in HTML.
Shadcn
Shadcn is a collection of reusable UI components that can be copied and pasted into applications, primarily utilizing Tailwind CSS.
WordPress
WordPress is a widely-used, open-source content management system (CMS) that allows users to create and manage websites and blogs.
Zusammenfassung
Die Webseite hat die Online-Präsenz von Scholl Antriebselemente deutlich verbessert und ermöglicht eine einfache Kontaktaufnahme sowie einen klaren Zugang zum Produktkatalog. Sie stellt das Unternehmen professionell dar und bietet eine gute Grundlage für die Präsentation von Sonderanfertigungen.
