Sehr gerne berichten wir heute über die neue Firmen-Webseite, Tierarzt Wiesentheid – Praxis und Tagesklinik für Kleintiere, von Dr. Sonja Waag, welche wir während der letzten Wochen programmiert haben.
Erstmal natürlich vielen herzlichen Dank an das Team der Tierarztpraxis Wiesentheid für das Vertrauen in die Arbeit der Webagentur Beckspaced am Marienplatz 9 in Wiesentheid.
Das tolle an diesem Webseiten-Projekt war das vorhandene Budget zur Realisierung des Webauftritts, welches Anfangs mit Pi mal Daumen bei ca. 2.000,00 € festgesetzt wurde.
Bei diesem vorhandenen Webseiten-Budget macht es natürlich Spaß, da man zeitlich Luft nach oben hat und weitere Aspekte unserer Webdesign-Kompetenz ein wenig zur Schau stellen kann. Gutes & Kreatives braucht halt bekanntlich einfach seine Zeit.
Als solides Grundgerüst, da brauchen wir eigentlich gar nicht mehr drüber zu reden, kam natürlich wieder unser allseits beliebtes WordPress CMS zum Einsatz.
Auf Basis der CI (Corporate Identity), welche vom Kunden geliefert wurde, entschieden wir uns nach Absprache für das WordPress Theme Spacious-Pro als Layout der Firmen-Homepage.
Das Webseiten Layout Spacious Pro zeichnet sich durch sauberen Code, einer klaren Struktur, freundliches & modernen Aussehen plus einer Vielzahl an Theme-Funktionen aus, welche durch die Pro-Version nochmals erweitert wurden.
Darüber hinaus ist das von uns programmierte Child-Theme natürlich ‚Mobile Friendly’, sprich, optimiert für mobile Endgeräte wie Smart-Phones und Tablet-PC’s.
Die Webseite verfügt über ein sogenanntes Mega Menu, welches mittels der WordPress Erweiterung Max Mega Menu umgesetzt wurde.
Das Max Mega Menu ist natürlich für alle Endgeräte optimiert, ist ‚sticky’, d.h. die Seiten-Navigation bleibt beim nach unten scrollen am oberen Bildschirmrand haften. Des Weiteren überzeugt das Mega Menu durch die Darstellung hübscher kleiner Grafiken, sogenannter Font Awesome Icons, in der Menuleiste.
Die Start / Home Seite des Webauftritts der Tierarztpraxis Wiesentheid wurde über ein Business-Template realisiert, wodurch man verschiedene Bereiche der Webseite durch sogenannte Widgets via ‚Drag & Drop’ auf der Start Seite integrieren kann.
Hierdurch agiert die Start / Home Seite als eine Art Verteilerstation für wichtige Themen-Bereiche auf den Unterseiten der Webseite!
Die Darstellung dieser Themen-Bereiche auf der Start-Seite wurde durch hübsche CSS3 Effekte animiert und in Szene gesetzt. Siehe Slide-To-Top Effekt bei ‚Unserer Praxis’ oder der Flip-Effekt bei ‚Über Uns’ sobald sich der Maus-Zeiger darüber bewegt.
Das Webseiten-Layout verfügt unter anderem über eine Vielzahl sogenannter ‚Header Images’, zu Deutsch Kopfzeilen-Bilder, welche auf den einzelnen Seiten nach Zufallsprinzip, gleich unter der Seitennavigation, dargestellt werden.
Durch den Einsatz des exzellenten WordPress Plugins Advanced Custom Fields ACF Pro ist es zudem auch möglich Header-Images für nur eine Seite zu definieren und hierdurch das Standard Header-Image zu überschreiben.
Nebenbei bemerkt:
ACF Pro in Kombination mit Custom Post Types, welche bei WordPress ab Version 3.0 endlich integriert wurden, eröffnet komplett neue Möglichkeiten der WordPress Entwicklung und hievt WordPress sozusagen auf den nächsten Level.
Ich persönlich finde die Namensgebung ‚Custom Post Type’ etwas unglücklich gewählt, da man hierbei spontan an Posts, sprich Beträge, denkt. Was aber irreführend ist, denn eigentlich handelt es sich ja bei den Custom Post Types um eigene Inhaltstypen für WordPress, welche man nun selbst definieren kann.
Und wenn man das mal verstanden hat und Custom Post Types mit ACF Pro kombiniert, dann eröffnen sich schier unendliche Möglichkeiten und man bekommt so einen kleinen AHA-Moment bei der WordPress Entwicklung 😉
Für die Erstellung von Cutom Post Types via grafischer Benutzeroberfläche empfiehlt sich das Plugin Custom Post Type UI, was unter anderem auch Custom Taxonomies unterstützt.
Bestückt mit diesen mächtigen Werkzeugen der WordPress Entwicklung steht der Erstellung von neuen Inhaltstypen (CPT), wie z.B. Slick Bilder Karusell, Slick Diashow oder Parallax, eigentlich so gut wie nichts mehr im Wege.
An dieser Stelle eine kurzer Hinweis: Slick – the last carousel you’ll ever need – Ken Wheeler
Auch die bequeme Verwaltung dieser neuen Custom Post Types im Administrationsbereich von WordPress ist einfach nur klasse und sucht seinesgleichen!
Der Inhaltsbereich der Webseite wurde bewusst 2-spaltig gestaltet um stets Zugriff auf wichtige Informationen wie Routenplaner, Kontakt & Öffnungszeiten zu ermöglichen.
Der Einsatz passender Font Awesome Icons hübscht die Webseiten Inhalte dezent auf.
Ferner wurde am unteren Ende jeder Seite mit Hilfe von ACF Pro und dem Feld-Typ Beziehung ein ‚Das könnte Sie auch interessieren!’ Element geschaffen um am Seitenende auf weitere Themen aufmerksam zu machen.
Erwähnenswert sind noch ein paar kleine jQuery Spielereien, wie z.B. das jQuery Accordion mit hübschem Effekt beim Verstecken bzw. Anzeigen von großen Seiteninhalten in der Rubrik ‚FAQ’ oder ‚Unsere Leistungen’.
Ein kleiner Hingucker-Effekt ist auch der Webseiten-Footer, also die Webseiten Fußleiste, bei welcher mittels jQuery, z-index und margin-bottom ein gewisser Tiefeneffekt erzeugt wurde. Ganz so, als würde sich die Webseite wie ein Vorhang vor der Fußleiste hochziehen.
An dieser Stelle ein herzlicher Dank an unseren Web-Worker Kollegen und CSS Experten Björn Bertschy von SX900.com
Neben den gerade aufgezeigten besonderen Merkmalen dieser gelungenen ‚Homepage’ wurde die WordPress Installation mit den üblichen Plugins erweitert um die gewünschte Funktionalität zu erzielen.
Natürlich nutzt auch dieser beachtenswerte Webauftritt der Tierarztpraxis Wiesentheid unser WordPress Sorgenfrei & Glücklich Paket, was einen störungsfreien Betrieb der Webseite garantiert.
Das Webseiten & Email Hosting wird natürlich auf unseren eigens administrierten und leistungsstarken Internet Servers 24/7 bereit gestellt.
Wie man hier nun recht leicht erkennen kann ist es durchaus sinnvoll mal ein paar Euro mehr in den Firmenauftritt zu investieren, denn das Ergebnis kann sich sicherlich sehen lassen.
Für die Programmierung dieser tollen WordPress-Webseite, inklusive Besprechung, Brainstorming, Beratung, Planung, Konzeption, WordPress Schulung, Google Business Eintrag und so weiter und so fort wurden schlussendlich 35 Stunden je 55,00 € berechnet.
Entspricht einen Gesamtpreis von nur 1.925,00 € (Stand Mrz. 2017)
Sollten wir jetzt auch Ihr Interesse an einer professionellen Firmen Homepage geweckt haben, dann nehmen Sie bitte sogleich mit uns Kontakt auf. Wir beraten Sie gerne!
Natürlich nochmals vielen herzlichen Dank an die Tierarztpraxis Wiesentheid für das uns entgegengebrachte Vertrauen in unsere Erfahrung & Kompetenz der professionellen Webseitenerstellung!
Vielen Dank & mit herzlichen Grüssen aus der Webagentur am Marienplatz in Wiesentheid
Ralf Flederer
Webagentur Wiesentheid