Spezialitäten der Konditorei Buchmann

Isabelle Buchmann, Debora Lüthi

Unsere WordPress Seite zeigt die Spezialitäten der Konditorei Buchmann. Spezielle Produkte/Produktelinie werden mit Bilder und ausführlichen Informationen dargestellt und sollen so den Kunden einen groben Überblick über die Spezialitäten verschaffen. Das Farbkonzept wurde sorgfältig ausgearbeitet, dabei wurde auf eine moderne, edle Farbauswahl Wert gelegt. Die Logo Farben orange und grau wurden bewusst nicht verwendet, da die Website spezielle Produktlinien hervorheben soll.

Auf der Startseite werden alle Beiträge der Kategorien (Neuheiten, Aktionen und Wissenswertes) angezeigt.
Ein Einführungstext wird auf der Startseite der Gourmandises dargestellt. Mithilfe des Menus können die verschiedenen Sorten ausgewählt werden.
Die Galerie, welche als Inspiration für die Kunden dienen soll, wurde mithilfe eines Plugins erstellt.
Mit einem Widgets ist die Instagram Seite der Konditorei Buchmann eingebettet worden.

MerDochGlich

Seiligumper in Buttisholz

Wir haben einen fiktiven Verein gegründet, in dem wir regelmässig zum Training einladen. Auf der Seite sind Bilder der Trainings wie auch Trainingprogramme zu finden. Zudem kann man sich direkt für einen Kurs anmelden.

Dabei wurde das Graphene Themes verwendet um die Grundgestaltung zu devinieren. Die verwendeten Plugins sind Google Map Embed und Elementor.

Home Bildschirm

Bilder

Auf dieser Seite werden die aktuellen Bilder aus den Trainings gezeigt. Spezielles: Das erste Bild bewegt sich beim Laden der Seite und beim anklicken wird der Link zur Quelle geöffnet.
Auch in der Slider-Bar wird durch anklicken die Quelle der meisten Bilder angegeben.

Gestallt wurde die Seite mit Elementor.

Bilder Seite

Entstehungsgeschichte

Hier wurde aus einer anderen Website die Angaben kopiert und unten im Text wurde die Quelle verlinkt.

Entsthehungsgeschite

Kontakt

Im Plugin mit der Karte ist Buttisholz angezeigt, welches der Standort ist, wo die Trainings durchgeführt werden. In den Ikons unterhalb der Adressen sind die verschiedenen Social Media Kanäle verlinkt.

Im grünen Button ist die E-Mail Adresse hinterlegt, so dass sich die Interessierten direkt für einen Kurs anmelden könne.

Kontakt

Trainingsangebot

Hier sind die verschiedenen Angebote ersichtlich. Zu den verschiedenen Angeboten sind Excel-Dateien hinterlegt.

City Guide Lucerne

Wir haben eine Internetseite erstellt für das Buchen von Touren in Luzern. Die Seite richtet sich an englischsprechende Touristen. Die Seite ist in verschiedene Unterseiten (Contact us, Who we are?, FAQ, Let’s explore und ein Photo Blog) gegliedert. Der orange Button auf der Main Page ist mit der Buchungsseite verknüpft und leitet Sie direkt weiter. 

Das Konzept ist simpel. Touristen können einen Guide, welcher aus der Umgebung Luzern kommt, buchen um sich mit der Geschichte und Kultur der Stadt Luzern auseinander zu setzen. Es können direkt online Touren gebucht werden.

Das Design der Front Page zeigt die Kapellbrücke und die Jesuitenkirche im Hintergrund. Es soll die Touristen visuell ansprechen und einen ersten Eindruck der Stadt geben. Die Sprache wurde absichtlich sehr einfach gehalten um auch für Touristen welche nur über Basiskenntnisse der englischen Sprache verfügen. Es wurde die Design Vorlage Orfeo gewählt.

Es wurden verschiedene Plugins verwendet. In der FAQ Rubirk findet man die Karte mit dem Treffpunkt für die Tour. Diese Karte wurde mit dem „Google Map Embed“ gemacht. Ein weiteres Plugin (kk Star Ratings) wurde für das Sternen-Rating benutzt. Dieser wird benutzt, um Rückmeldungen zu den verschiedenen Seiten der Website zu erhalten.

Für die Onlinebuchung wurde das Plugin „Five Star Restaurant Reservation“ verwendet. Es wurden die Möglichen Zeiten je nach Wochentag angepasst und eine automatische Nachricht aufgesetzt.

Für den Photo Blog wurde das Plugin „BlossomThemes Social Feed“ verwendet. Zur Veranschaulichung wurde temporär der persönliche Account verlinkt. Es ermöglicht uns gezielt Fotoblogger anzufragen, welche mit guten Fotos Eindrücke der Stadt vermitteln.

Appartement de vacances

L’idée était de créer avec WordPress, un site pour notre appartement de vacances qui sera bientôt à la location. Le site donne les principales informations sur l’appartement en lui-même, sur la région ainsi que la possibilité d’effectuer une réservation en ligne et de contacter les propriétaires.


Un des buts principaux recherchés lors de la création de ce site était la simplicité. Le client doit pouvoir trouver facilement les informations recherchées sans devoir faire face à un déluge de texte.

La première page, „L’appartement“, est divisée en deux parties et présente donc les informations principales sur l’appartement et sa localisation. Ici, il était important d’avoir des images de l’appartement. Celles-ci, sont présentes sous forme d’un défilement permanent entre les deux parties. Cela permet de ne pas rendre la page trop lourde au niveau visuel.

La page loisirs et commodités présentent plus en détail la région et lieu d’intérêts et de loisir. On y trouve à nouveau une galerie qui défile comme sur la page „L’appartement“ afin de promouvoir la région.

Les tarifs sont donnés sur la page „Tarifs et réservations“. Sur celle-ci, les réservations peuvent directement être effectuées au moyen d’un calendrier et d’un formulaire. Le propriétaires reçoit ensuite un mail lui demandant d’approuver ou non la réservation demandée.

La dernière page donne les informations de contact et on y trouve aussi une carte montrant l’endroit exact de l’appartement.

TeamBasu Homepage für Stadt Liestal

Wir haben eine Internetseite für die Stadt Liestal erstellt, wo alles Wichtige zu finden ist. Es kann über aktuelle Anlässe der Stadt, über bekannte Personen informiert sowie im Forum Beiträge geschrieben werden.

Das Konzept wurde so gehalten, dass jeder zu Recht kommt, von Jung bis Alt, einfach zu bedienen und übersichtlich dargestellt.

Heidschnucken

Die Webseite, welche wir erstellt haben, handelt von Heidschnucken. Die Heidschnucke ist eine Rasse der Schafe. Ziel der Seite ist es, das Interesse an Heidschnucken zu wecken. Zudem werden wichtige Informationen zur Haltung, Geschichte und Events mitgeteilt.

Die Website ist auf acht einzelnen Seiten Aufgebaut.

Home

Auf der „Home“ Seite wird kurz beschrieben für was die Webseite zuständig ist. Zudem ist ein Karte mit unserer Adresse ersichtlich. Zusätzlich sind unsere Social Media Kanäle verlinkt.

Geschichtliches und Pflege

Auf den Seiten Geschichtliches und Pflegen sind allgemeine Informationen über die Rasse eingetragen.

Galerie

Die Seite Galerie, wie der Name es sagt, eine Galerie, wo einige Bilder hochgeladen wurden.

Events

Auf der Seite Events können Events erstellt, gesucht und gefunden werden.

Austauschforum

Um den Kontakt mit anderen Interessierten und Fachpersonal zu halten, wurde ein Austauschforum eingerichtet.

Aktuelles

Bei der Seite Aktuelles sind die News aufgelistet. Zudem kann durch das klicken auf das Ohrmarken Bild, wird man auf die Seite der Tierverkehrsdatenbank weitergeleitet.

Hilfreiche Links

Bei Hilfreiche Links sind drei Links hinterlegt, die den Nutzern den Zugang zu diesen Seiten erleichtern soll. Wie beim Aktuelles wird man direkt auf diese Seiten weitergeleitet.

Blogs

Des Weiteren wurde eine Seite mit Blogs erstellt. Es werden kleine Geschichten über Heidschnucken und deren Besitzer erzählt.

  • Verwendete Plugins:
    • Elementor
    • Event Organiser
    • Jetpack by WordPress
    • Rumble Talk Chat
    • WP Blog and Widget

Reitverein Aaretal-Münsingen

Homepage des RVAM

Die Seite des Reitverein Aaretal-Münsingen soll Informationen für Interessierte und Tournierteilnehmer bereitstellen aber auch als Informationsportal für die Mitglieder dienen.

Sponsoren Image Carousel

Sponsoren sind wichtig für den Verein. Sie werden in einem Image Carousel vorgestellt und die Bilder agieren als Link zu den Sponsorenwebseiten. Dazu musste die Programmierung des Image Carousel angepasst werden. Diese Anpassung muss leider nach jedem Update von Elementor erneuert werden.

Reitplatzinformationen

Auf dieser Seite ist gooleMaps eingebettet, damit Tournierteilnehmer den Reitplatz finden können.

Für die Vereinsmitglieder ist ersichtlich ob der Reitplatz zur Zeit durch einen Kurs belegt ist oder nicht. Dazu wurde ein Kalender eingebettet.

Kontaktformular

Ein Kontaktformular ermöglicht die Kontaktaufnahme mit dem Vorstand des Vereins. Die Nachrichten werden per Mail an die Sekretärin gesendet.

Mitgliederbereich

Im Mitgliederbereich werden verschiedene Dokumente zur Verfügung gestellt. Diese Seite ist nur für angemeldete Mitglieder ersichtlich. Wenn sich die Mitglieder anmelden, werden sie direkt auf diese Seite verwiesen und die Seite „Mitglied werden“ wird aus dem Menu entfernt.

Mit alten Prüfungen zum Erfolg

Die WordPress Website dient zur besseren Übersicht über alte Prüfungen und deren Lösungen. Das Lösen von alten Prüfungen hilft sehr bei der Prüfungsvorbereitung. Die Website soll zudem mit lustigen Memes und Beiträgen die Stimmung aufhellen. Die Website wird nach dem Kurs wieder gelöscht und nicht zur Verfügung gestellt.

Auf der Startseite wurden verschieden Reiter verwendet um die Navigation auf der Website zu vereinfachen.

Auf der Startseite wurde mit Hilfe vom Elementor Videos eingefügt.

Startseite

Die Seiten „Chemie“ und „Physik“ sind die Hauptseiten der WordPress Website. Auf der Chemie-Seite befinden sich die Links zu alten Prüfungen sowie zu Lösungen. Zudem wurden Bilder eingefügt.

Die Seite der Erfolgsgeschichten zeigt Studenten, die mit unserer Website bereits Erfolge erzielt haben.

Unter Team sind die Verfasser dieser Website ersichtlich.

Hofarbeit, ledig, sucht!

Auf der fiktiven Seite „Hofarbeit, ledig, sucht!“ bietet die Familie Gämpperli verschiedene Aktivitäten auf ihrem Hof an. Durch diese Aktivitäten versucht die Familie der Bevölkerung ihre Tätigkeit näher zu bringen und dabei einen Zusatzverdienst zu erwirtschaften.

Startseite „Hofarbeit, ledig sucht!“

About us / Rezessionen

In diesem Abschnitt wird die Familie Gämpperli vorgestellt. Wir haben hierbei den fiktiven Standort des Hofes durch eine interaktive Google Maps Karte dargestellt.

Auf der rechten Seite sind links zu Rezessionen in Form von Beiträgen in einer bestimmten Kategorie dargestellt. Die einzelnen Rezessionen können im Anschluss kommentiert werden. Weiter sind unten rechts in Form von Widgets einzelne Zitate von Kunden aufgelistet.

Google Maps Standort des Betriebes
Rezession und Kommentar dazu

Aktivitäten

In einem weiteren Teil werden die Aktivitäten auf einzelnen Seiten präsentiert:

  • Miststocken
  • Schafe zügeln
  • Mausen

Erlebnis buchen / Kontakt

Um auch direkt ein Erlebnis buchen zu können, haben wir ein Contact Form angepasst, damit die einzelnen Erlebnisse ausgewählt und gebucht werden können. Dies ist eine stark vereinfachte Form, da daraus einfach ein Mail generiert wird.

Mein Erlebnis buchen

Im Hintergrund sieht die Konfiguration dann wie folgt aus:

Code für „Erlebnis buchen“

Ein anderes Formular wurde ebenfalls für das Kontaktformular verwendet.

Weitere Features

Im weiteren haben wir folgende Features implementiert:

  • Gewähltes Theme: ColorMag by ThemeGrill
  • Wechselnde Bilder im Header der Webseite
  • Suchfunktion über die ganze Seite
  • Google Analytics implementiert, um genaue Statistiken über die Besuche machen zu können
Google Analytics Auswertung

Animal’s Hair

Animal’s Hair est une société fictive créée pour les besoins du cours « Technologies du Web ».  Tout d’abord active dans le domaine de l’entretien du pelage des animaux, elle a ensuite étoffé son offre en proposant une gamme de produits dédiés au soin des onglons. Finalement, elle s’est lancée dans une service de suivi personnalisé, avec des conseils d’experts.

Le style du site est basé sur le thème « Naturelle ». La page d’accueil contient un en-tête principal, avec le nom de la société et un slogan. S’en suit une courte description de la société et des prestations proposées, ainsi que quelques liens. Une barre de menu présente tout au long du site permet d’accéder aux différentes pages. Quelques modifications ont en outre été apportées au thème principal, directement dans le code.

La page « Produits » permet au client d’avoir un aperçu de la gamme de produits proposée par Animal’s Hair. Elle liste les différentes catégories d’articles vendus et propose des liens vers ceux-ci. On remarquera aussi la présence d’une barre latérale avec une zone de recherche, un calendrier, ainsi qu’une liste de toutes les pages du site. Cette dernière est insérée sur tout le site, sauf sur les pages d’accueil et de contact. Bien que ce site n’ait qu’un but didactique, on pourrait encore étoffer la description des différents produits pour aller plus loin.

La section « Conseil » permet au visiteur de s’inscrire au service de conseil proposé par Animal’s Hair, à l’aide d’un lien vers la page « Contact ». Elle propose aussi différentes vidéos didactiques.

La page « A propos de nous » décrit en détail la société et permet d’accéder aux pages « Collaborateurs » et « Site ». Cette dernière contient en outre une carte permettant l’accès au siège et au magasin d’Animal’s Hair, et a été créée à l’aide du plugin Google Map Embed.

Finalement, une page « Contact » permet au visiteur de contacter Animal’s Hair en cas de question, pour passer commande ou pour s’inscrire au service de conseil. Le formulaire a été réalisé avec le plugin « Contact Form 7 ».