Skyenvision − Präsentation unserer Webseite

Ein Rundgang durch unsere Webseite


SkyEnvision ist ein kleines Unternehmen, das sich auf Fotografie und Videografie spezialisiert hat und dabei sowohl einzigartige Luftaufnahmen als auch traditionelle Perspektiven für jede Gelegenheit bietet. Mit einer Mischung aus technischem Know-how und kreativer Vision verwandeln wir Projekte in visuelle Meisterwerke. Unsere Dienstleistungen sind vielfältig und auf die spezifischen Bedürfnisse unserer Kunden zugeschnitten, sei es in der Food-Fotografie, bei Automobilpräsentationen oder durch die Freiheit der Drohnenperspektive. Skyenvision steht für Innovation, Qualität und unverwechselbaren Stil, um jede Geschichte eindrucksvoll zu erzählen und jedes Bild unvergesslich zu machen.

Design und Funktionalität: Hand in Hand

WordPress und Elementor: Unsere Wahl fiel auf WordPress wegen seiner Flexibilität und Benutzerfreundlichkeit. Elementor ergänzte dies, indem es uns die Freiheit gab, nach Bedarf Seiten unserer Webpage mit einer intuitiven Drag-and-Drop-Schnittstelle zu gestalten.

In der Rubrik „Impressions“ führen wir unseren Besucher auf eine visuelle Reise, die die Vielseitigkeit und die Schönheit der Drohnenfotografie in den Vordergrund stellt. Diese Galerie ist in drei faszinierende Kategorien unterteilt – Food, Drone und Cars – und präsentiert eine Auswahl an Aufnahmen, die unsere Expertise und Leidenschaft für jedes Detail widerspiegeln. Für die diversen Funktionalitäten nutzten wird Elementor.

Particle Background: Für einen lebendigen ersten Eindruck integrierten wir das Particle Background-Plugin (Anpassung header.php und Custom CSS), das sofortige Aufmerksamkeit erregt und unsere Affinität für moderne Präsentationstechniken unterstreicht. Zudem läuft im Hintergrund ein Video, das Drohnenaufnahmen zeigt.

Interaktion und Compliance

WPForms: Durch dieses Plugin haben wir ein einfaches und effektives Kontaktformular erstellt, das die Kommunikation zwischen uns und unseren Besuchern erleichtert.

Complianz: Mit Complianz sorgen wir für Transparenz und Compliance in Bezug auf Cookies und Datenschutzrichtlinien.

Site Kit by Google: Dieses Tool ermöglicht es uns, wichtige Website-Metriken direkt zu überwachen und die Benutzererfahrung kontinuierlich zu verbessern.

Personalisierte Anpassungen

Angepasster Footer: Um einen professionelleren Eindruck zu hinterlassen, haben wir den Footer unserer Webseite angepasst, um den Standardhinweis auf WordPress zu entfernen.

Eingebettete Map auf der Contact-Seite: Die manuelle Einbettung einer Karte mit HTML erlaubt es Besuchern, unseren Standort sofort zu erkennen und wirkt positiv hinsichtlich Transparenz.

Social Media Icons mit Hover-Effekt: Ebenfalls manuell mit HTML und CSS implementiert, bieten diese Icons nicht nur eine visuell ansprechende Darstellung unserer Social Media-Kanäle, sondern fördern durch den Hover-Effekt auch die Interaktion. Jedes Icon ist direkt mit dem entsprechenden Social Media-Profil verlinkt, was eine nahtlose Verbindung zwischen unserer Webseite und unseren Social Media-Plattformen schafft.

Homepage für Schnittblumen

Im Kurs haben wir angeschaut, mit welchen Tools eine Homepage erstellt werden kann. Die einfachste Variante ist es, eine Homepage mit WordPress zu bauen.

Ich habe mich entschieden, eine kleine Homepage für meinen Bruder zu erstellen. Mein Bruder hat ein eigenes Blumenfeld auf dem er Schnittblumen produziert. Die Schnittblumen verkauft er einerseits direkt auf dem Blumenfeld zum selber schneiden und andererseits auf dem Wochenmarkt in Wil. Es gibt auch die Möglichkeit bei ihm Blumen zu bestellen. Da er noch keine Homepage für seine Schnittblumen besitzt, bietet dieser Kurs die optimale Gelegenheit, eine zu erstellen.

Vorgang mit WordPress

Um die Homepage zu erstellen habe ich mir das Plugin Elementor heruntergeladen. Mit diesem Plugin ist es einfach möglich, verschiedene Objekte auf der Seite zu platzieren und zu designen. So habe ich eine geeignete Vorlage ausgewählt und mit Elementor die einzelnen Abschnitte nach belieben angepasst.

Home- Seite

Die Home- Seite sieht so aus. Sie hat ein grosses Titelbild und unterhalb sind die drei Möglichkeiten aufgeführt, wo und wie die Blumen erhältlich sind.

Seite für Blumenfeld/ Wochenmarkt/ und auf Bestellung

Jedes Bild ist mit einer eigenen Seiten verlinkt, auf denen das jeweilige Angebot noch genauer beschrieben ist. Die Bilder sind provisorisch gewählt und werden noch ausgetauscht, wenn bessere vorhanden sind.

Seite für Kontakt, über Uns

Weiter soll noch eine Seite erstellt werden über uns, damit sich mein Bruder und seine Freundin dort vorstellen können.

Auch eine Seite für den Kontakt soll noch erstellt werden, damit mein Bruder bei einer anfälligen Bestellung kontaktiert werden kann.

Potenzial für Zukunft

Die Seite hat noch einiges Potenzial mit speziellen Effekten etc. Ausserdem könnte man noch eine Schöne Foto- Galerie erstellen und einen kleinen Webshop, wo die Artikel welche auf dem Wochenmarkt angeboten werden auch online bestellt werden können. So kann mein Bruder dann jeweils die Bestellung richten und die Leute können die Produkte auf dem Wochenmarkt in Wil oder bei ihm zuhause abholen können.

Online Shop – Présentation de notre page web

Benjamin Nuoffer & Gilles Maire, février 2024

Nous avons choisi de réaliser un shop fictif d’articles de montagne avec WordPress. Pour ce faire nous avons utilisé le plugin WooCommerce.

Voici notre page d’accueil avec un menu fonctionnel qui renvoie sur de nouvelles pages.

  • Nous avons également utilisé l’Open User Map pour générer des filiales fictives comme le montre l’image ci-dessous.
  • Chaque point sur la carte est cliquable et affiche l’adresse ainsi qu’une image fictive du magasin.
  • La boutique est séparée en catégories de produits accessible depuis le menu. Chaque article peut être ajouté au panier. Nous avons utilisé des images libres de droit pour représenter les produits.
  • Lorsque l’on se rend sur un article en particulier, il est possible de passer la souris sur l’image afin de zoomer. La page contient une description de l’article ainsi que des informations complémentaires comme le poids et les dimensions.  En bas de la page, il est également possible de naviguer vers des produits similaires qui sont enregistrés dans la même catégorie (exemple ici : accessoire tête).
  • Il est possible de noter le produit et de laisser un avis pour les autres utilisateurs.
  • Le menu pour accéder au panier est fonctionnel et il est possible de valider sa commande en entrant toutes les informations de facturations/livraison. Nous n’avons juste pas rempli la possibilité de renseigner un moyen de paiement.
  • Et pour finir, l’onglet « compte » permet de créer un compte sur le site afin de passer commande plus facilement et également d’accéder à l’historique de commande.