Der flexible Onepager

Dieses Design wurde speziell für Onepager entwickelt, kann jedoch auch für mehrseitige Websites verwendet resp. später umgebaut werden.

Als Grundlage dient eine Jimdo Creator Designvorlage, welche mit CSS und  umgestaltet, optimiert und erweitert wird.

  Zeitloses Design

 Smarte VIP-Features

 Vielseitige Gestaltungsmöglichkeiten

  Selbstständige Bearbeitung auch für Laien möglich

Hinweis

Für "Infinite scrolling" eignet sich der Jimdo Creator nicht, da maximal 200 Elemente pro Seite eingefügt werden können.

  Layout

Das Design kann auf 1001 Arten gestaltet werden; von schlicht-dezent bis zu kraftvoll-erdig; von blumig-fruchtig bis zu mystisch-magisch. Personen, die noch keine konkreten Vorstellungen haben, hilft Hirschfrau gerne mit frischen Ideen auf die Sprünge. 

Falls die Schrift beim Briefing noch nicht feststeht, wird die hier ersichtliche Schrift verwendet und am Online-Workshop geändert. Es stehen hunderte von Schriftarten ( Google Fonts) zur Verfügung, die mit wenigen Klicks für die komplette Website übernommen werden können.

Die Breite des befüllbaren Contentbereichs ist an der Grafik weiter unten bei "Widgets" ersichtlich.

  Navigation (Menü) mit    Ankerlinks zu Sprungmarken

Für BesucherInnen ist es praktisch, wenn sie direkt zum gewünschten Abschnitt hüpfen können. Dafür werden manuell sogenannte "Sprungmarken" erstellt. Die nutzerseitige Handhabung ist einfach und es steht eine detaillierte Anleitung zur Verfügung.

Die Anker-Links für das Menü werden bei der Auslieferung je nach Wunsch entweder im klassischen Navigationsbereich* (grüner Bereich zuoberst) gesetzt oder in einem "Icon-Menü" am rechten Seitenrand.

* Links im Navigationsbereich können erst nach dem Upgrade auf ein kostenpflichtiges Jimdo-Paket erstellt werden.

  Smooth-Scrolling-Links

Damit der Weg vom Ankerlink zur entsprechenden Sprungmarke für BesucherInnen nachvollziehbar ist, wird die Geschwindigkeit des "Sprungs" mit einer Programmierung verlangsamt.

  Logo im Menübereich

Der Navigationspunkt "Home" wird durch das kundenseitig gelieferte Logo* ersetzt. In der Mobilansicht ist die Reihenfolge umgekehrt (Logo unter dem Seitentitel). Alternativ (falls kein Logo vorhanden ist) kann ein dekoratives Icon eingesetzt werden.

*SVG-Format oder freigestellte PNG-Datei in mind. 200x200 Pixel.

  Wasserzeichen im Bodybereich

Auf Wunsch kann das Logo* oder ein Icon als sich wiederholendes Wasserzeichen im Hintergrund des Bodybereichs hinterlegt werden. (In der Smartphone-Ansicht wird die Grafik in der Regel ausgeblendet, da sie dort meistens zu dominant wirkt.)

*Für die Erstellung der Grafik wird das Logo entweder im SVG-Format oder als freigestellte PNG-Datei mit einer Mindestbreite von ca. 800 Pixel benötigt.

  Mouseover-Effekt für Bilder

Dieser Effekt ist automatisch bei allen Bildern aktiv, die beim Einbinden als vergrösserbar definiert werden.

  Individualisierter Leuchtkasten

Die sogenannte "Lightbox" (vergrösserte Ansicht beim Klick auf ein Bild) hat im Jimdo Creator einen schwarzen Hintergrund. Beim Design "Springbock" wird der Leuchtkasten passend zum Layout erstellt.

  Individualisiertes Formular

Das Formular-Widget wird ebenfalls "aufgemöbelt: Die Eingabefelder werden farblich ans Layout angepasst und mit einem gepünktelten Rand versehen. Zusätzlich wird die Schriftgrösse für die Beschriftungen der Felder verkleinert. Der Link zur Datenschutzerklärung kann bei Bedarf mit einem Link zu einer AGB-Seite ergänzt werden.

Das Formular kann für verschiedene Zwecke genutzt werden; z.B. als Bestellformular oder als Anmeldeformular. Die benötigten Felder können direkt im Widget ausgewählt werden:

  Individualisiertes Cookie-Banner

An diesem "Leintuch" kommt fast niemand vorbei, der in der EU Produkte oder Dienstleistungen anpreist. Damit die Ästhetik nicht durch das gemeine Jimdo-Blau zerstört wird, färbe ich das Banner zur Website passend um.

(Um das Banner nochmals zu betrachten bitte auf den Link "Cookie-Richtlinie zuunterst auf dieser Seite klicken.)

  Warenkorb

Falls auf der Website Shop-Produkte integriert sind, wird der Warenkorb-Button erst dann angezeigt, wenn ein Produkt im Warenkorb ist.

  Kontakt-Buttons und Follow-Buttons

Im Design inbegriffen sind Follow-Buttons zu den eigenen Social Media Profilen sowie Kontakt-Buttons (siehe Sidebar).

  Seiten-Teiler (Bereich mit abweichendem Hintergrund)

Die sogenannte "Fullwidth-Section" kann an einer beliebigen Stelle platziert werden. Sie passt sich in der Höhe automatisch an den darin befindlichen Inhalt an und ist in zwei Varianten verfügbar: 

Variante A = mit Bild (benutzerseitig gelieferte Datei)

Variante B = einfarbig (beliebige Farbe)

Detaillierte Infos zum benötigten Bild-Format folgen am Briefing.

Folgende Elemente stehen im Jimdo Creator Editor bei jeder Designvorlage und bei allen Abo-Varianten a priori zur Verfügung. Zusätzlich können die Add-ons des Anbieters "POWr.io" datenschutzkonform integriert werden.

Beispiel Bilder-Galerie:

Wie im Leben sind es auch auf einer Website die kleinen Dinge, welche die "User Experience" versüssen.

BenutzerInnen werden ebenso entzückt sein wie die BesucherInnen, denn was der "Springbock" hier bietet, ist in der Jimdo-Welt einzigartig (und auch sonst eher selten): die datenschutzkonforme Integration einer Icon-Font.

Mit einer Icon-Font (Icon-Schrift) lassen sich Icons beliebig stylen und positionieren - und sie sind in jeder Grösse gestochen scharf.

Einer der bekanntesten Icon-Fonts ist "Font Awesome". Bei der Free-Version stehen über 1600 Icons zur Verfügung, die kostenlos genutzt werden können.

Eine weitere populäre Icon-Schrift ist "Line Awesome" mit über 2000 Icons, die ebenfalls kostenlos verwendet werden können.

Die gewünschte Iconschrift installiere ich (aus Datenschutzgründen) direkt auf der Website.

Die Icon-Farbe wird direkt im Stylesheet hinterlegt und kann bei einzelnen Icons benutzerseitig geändert werden. Grösse und Position können bei jedem Icon separat definiert werden.

Um das Besuchererlebnis zu steigern, können Elemente mit einer kleinen Animation versehen werden, die bei "Mouseover" automatisch aktiviert wird und bei "Mouseout" deaktiviert.

Verfügbare Effekte:

(mit der Maus über die Herzen fahren)

 360-Grad-Drehung

 hüpfen

 verblassen (verlinkte Icons)

Die Effekte können bei Titeln, Texten und Grafiken (Icons oder Bilder) angewendet werden.

Damit die Integration auch für Laien jederzeit und ohne fremde Hilfe möglich ist, stehen kostenlose Onlinevorlagen zur Verfügung. Die fixfertigen Codes können einfach kopiert und auf der Webseite eingefügt werden; z.B. für mehrere nebeneinanderliegende Icons.

LiebhaberInnen von Icons sind keine Grenzen gesetzt, sich zu verkünsteln, denn jedes Icon kann in jeder Grösse beliebig platziert, umgefärbt und animiert werden. Selbstverständlich können zusätzlich zur installierten Icon-Schrift auch eigene Icons oder Grafiken eingebunden werden.

  technisch

Alle im Editor verfügbaren Widgets bis auf das Video-Widget (keine Zweiklick-Lösung) sind DSGVO konform. Die Server von Jimdo sind in der EU stationiert (Irland).

Das Cookie-Banner entspricht den aktuellen EU-Richtlinien und ist in der sogenannten "Opt-in" Version verfügbar. (WebseitenbesucherInnen müssen aktiv wählen, welche Cookies sie zulassen möchten.) 

  administrativ

Für die Funktionen "Besucherstatistik" sowie "reCaptcha" (SPAM-Schutz für Formulare) stehen DSGVO konforme Datenschutztexte bereit. Zusätzlich besteht die Möglichkeit, eine eigene Datenschutzrichtlinie zu integrieren.

Einmalige Kosten

Das Design wird für Selbstständige und Kleinbetriebe zum Pauschalpreis von CHF/€ 1600,-- mit folgenden Inklusivleistungen angeboten:

    Startbriefing (ca. eine Stunde)

Beim ersten Online-Briefing besprechen wir die Details für das Layout und ich mache Vorschläge, was am besten zu den individuell gelieferten Inhalten (Logo & Fotos) passen könnte.

  Designkonfiguration und Layoutgestaltung

Im Design enthalten sind alle auf dieser Webseite beschriebenen Konfigurationen sowie die Erstellung von sechs Menüpunkten inkl. Ankerlinks zu den entsprechenden Rubriken.

Pro Rubrik ist die grafische Bearbeitung eines kundenseitig gelieferten Bildes inbegriffen (z.B. beschriften oder in eine gewünschte Form bringen). Die Lieferung von hochwertigem Bildmaterial wird vorausgesetzt.

Sobald das Farbkonzept und der Hintergrund für die Website feststeht, beginne ich mit dem Aufbau des Designs auf einer kostenlosen Jimdo-Subdomain. An einem Zwischenbriefing besprechen wir die ersten Korrekturen, welche ich vor dem Schulungs-Workshop vornehme.

Die Integration der Texte (inkl. Impressum und Datenschutz) sowie der Bilder für die Rubriken erfolgt aus praktischen Gründen am Workshop.

  Online-Workshop (ca. drei Stunden)

Am Schulungs-Workshop transferiere ich die Website auf den persönlichen Account des Bestellers / der Bestellerin, damit das Upgrade auf das passende Jimdo-Paket erfolgen und die Domain verbunden werden kann.

Der Workshop erfolgt über ein Remote-Tool wie AnyDesk oder TeamViewer und findet gemäss Absprache abends oder am Wochenende statt.

Personen, die noch keine Erfahrungen mit dem Jimdo Creator Editor haben, lernen im ersten Teil des Workshops, wie individuelle Inhalte integriert, strukturiert und suchmachinenoptimiert werden.

Der Jimdo Creator Editor ist sehr benutzerfreundlich und eignet sich bestens für EinsteigerInnen.

Im zweiten Teil des Workshops lernen BenutzerInnen die Handhabung der VIP-Features "Icon-Font" und "Animationen". Anhand von Vorlagen (auf die auch nach dem Workshop zugegriffen werden kann) wird die Webseite mit den gewünschten Icons und Animationen ergänzt.

Ziel des Workshops ist es, dass die Benutzerin / der Benutzer die Webseite selbstständig bewirtschaften kann.

Falls eine Seite mit umfangreichen Inhalten und vielen Icons geplant ist, erfolgt die Fertigstellung der Inhalte nutzerseitig nach dem Workshop. Die Website wird bis zum Schlussbriefing für die Suchmaschinen blockiert.

Bis zum Schlussbriefing biete ich uneingeschränkt und kostenlos Support.

    Schlussbriefing (ca. eine Stunde)

Am Schlussbriefing (max. einen Monat nach dem Workshop) werden letzte Fragen geklärt und Feinanpassungen gemacht. Nachdem wir die Datenschutzerklärung erstellt haben, geben wir die Website für die Indexierung in den Suchmaschinen frei.

Wiederkehrende Kosten

  JIMDO Hosting und Domain

Der Vertrag wird nutzerseitig direkt mit Jimdo abgeschlossen.

Für den Betrieb des Onepagers genügt in der Regel das  Jimdo Paket "Pro".

Die Domain kann direkt bei Jimdo gebucht werden (im ersten Vertragsjahr kostenlos). Bestehende Domains können beim Provider belassen und zu Jimdo umgeleitet werden.

Zahlungsoptionen

   (Banküberweisung / QR-Rg.)

   (SEPA-Überweisung / PayPal / Kreditkarte)