Pusteblume
Website für lokales Blumengeschäft mit Online-shop
Eines meiner Übungsprojekte ist die Website „Pusteblume“, die ich für ein fiktives, lokales Blumengeschäft entwickelt habe. Bei der Gestaltung der Seite war es mir wichtig, die persönliche Atmosphäre und den Charme eines kleinen, liebevoll geführten Blumenladens zu vermitteln. Mit einem Design, das bewusst weich und einladend gehalten ist, sowie der Auswahl von Schriften und Farben, habe ich die sanfte, persönliche Note des Geschäfts unterstrichen.
Viele Bilder des Ladens und der fiktiven Besitzerin erlauben es den Besucher*innen sofort eine Verbindung aufzubauen. Diese Nähe ist besonders wichtig, da „Pusteblume“ neben klassischen Blumensträußen auch individuelle Event-Floristik anbietet – beispielsweise für Hochzeiten und Feiern, bei denen ein vertrauensvolles Verhältnis zur Floristin entscheidend ist. Die klare und strukturierte Seite ist benutzerfreundlich gestaltet und vermittelt gleichzeitig den individuellen Charakter des Geschäfts.
Website-Tour starten:
Technische und gestalterische Merkmale:
- Responsives Design: Die Seite passt sich automatisch allen Bildschirmgrößen an. Sie funktioniert sowohl auf Smartphones als auch auf Tablets und Desktop-Geräten.
- HTML und CSS: Die Startseite und die Unterseite „Blumensträuße“ wurden mit HTML und CSS gestaltet.
- Bootstrap-Elemente: Auf den anderen Seiten kommen Bootstrap-Komponenten wie das Akkordeon, ein Caroussel-Slider oder ein Kontaktformular zum Einsatz. Die Benutzererfahrung wird interaktiv und intuitiv.
- Erweiterung Online-Shop: Der Online-Shop stellt hier ein Gestaltungsbeispiel ohne Funktionalität dar. Ein Shop kann jedoch über externe Plattformen wie Shopify oder WooCommerce integriert werden.
- Datenbank-gestütztes Kontaktformular: Mit PHP und einer MySQL-Datenbank habe ich ein Kontaktformular entwickelt, das Nachrichten sicher speichert. Dies bietet eine wertvolle Funktion für Unternehmen, die eine direkte und nachvollziehbare Kommunikation mit ihren Kunden wünschen.
- Ästhetische Typografie: Die Google Fonts Londrina und Montserrat verleihen der Seite eine moderne und freundliche Atmosphäre. Sie wurden lokal eingebunden, sodass man sich keine Sorgen um den Datenschutz machen muss.
- Bildsprache: Hochwertige Bilder, vor allem von Pexels, sorgen für eine ansprechende visuelle Präsentation.
In einem kurzen Gespräch kannst du mir von deinem Projekt erzählen und deine Fragen loswerden.
