Individualisierung deiner Website

Jetzt kann es losgehen! Die Erstellung deiner Website hat begonnen!

Damit ich das Layout deiner Website nach deinen Wünschen anpassen kann, kommst du leider nicht drum herum, dir Gedanken über das gewünschte Aussehen zu machen und mir ein paar Fragen zu beantworten.

Das Formular ist zugegebenermaßen ziemlich umfangreich, da ich gerne im Vorwege möglichst alle offenen Fragen kläre um sich im Nachhinein nicht in einem endlosen „E-Mail-Ping-Pong“ zu verlieren. Das kostet nämlich Zeit und Nerven.

Du musst aber natürlich nicht alle Fragen auf einmal beantworten, sondern kannst es nach und nach machen. Durch die Eingabe deines Namens am Anfang des Fragebogens lassen sich deine Eingaben deiner Bestellung zuordnen. Durch die Eingabe deiner E-Mail-Adresse erhältst du eine Zusammenfassung deiner Eingaben per E-Mail.

Fragebogen

Folge bitte einfach bei den einzelnen Unterpunkten den Anweisungen und lies dir die bereitgestellten Hinweise gut durch.

Alle mit einem * gekennzeichneten Felder sind Pflichtfelder.


  • Typographie

    Die Wahl der auf der Website genutzten Schriftarten hat große Auswirkungen auf das gesamte Aussehen deiner Website und entscheidet nicht zuletzt darüber wie die Besucher deine Website wahrnehmen.

    Die auf der Website genutzten Schriftarten sind Google Fonts. Diese werden DSGVO-konform eingesetzt, da sie lokal gespeichert und nicht über den Google Server eingebunden werden.

    Individualisierung

    Auf dem Bild siehst du die verschiedenen Überschriften und den Textbereich. Ich nutze standardmäßig auf der Demo-Website (und auch auf allen meinen anderen Websites) für die Überschriften die Schriftart Oswald und für den Textbereich die Schriftart Roboto.

    Grundsätzlich gilt bzw. wird empfohlen, für den Textbereich eine auf allen Endgeräten gut lesbare serifenlose Schrift zu nehmen. Bei den Überschriften kann und darf man sich dagegen ruhig ein bisschen austoben.

    Du hast jetzt die Qual der Wahl. Auf Google Fonts findest du unzählige Schriftarten. Du kannst dich auch von diesem Artikel inspirieren lassen, der die 15 besten Schriftarten-Kombinationen 2019 vorstellt.

  • Überschriften
  • Textbereich

  • Designanpassung

    Im nächsten Abschnitt geht es um die Anpassung des Designs und des Farbschemas. Hierbei sind umfangreiche Anpassungen möglich.

    Header-Bereich

    Der Header umfasst, wie der Name schon sagt, den Kopfbereich der Website. Er umfasst bei deiner neuen Website dein Logo bzw. den Schriftzug mit deinem Namen, das Hauptmenü und ein großes Bild unterhalb des Hauptmenüs (Hero Image).

  • Hintergrund
    Individualisierung

    Wie soll der Hintergrund im Logobereich aussehen (rot markierter Bereich)? Standardmäßig wird der Hintergrund mit einem Bild erzeugt, das ich mit dem Background Image Generator von SiteOrigin erzeugt habe. Es hat den HTML-Farbcode #FFFFFF (weiß).

    Du kannst dir ebenfalls ein solches erstellen. Du kannst aber auch deine gewünschte Farbe ausgeschrieben oder als HTML- oder RGBA-Code in das Eingabefeld schreiben. Oder du schickst mir eine Bilddatei, in der die Farbe enthalten ist. Gib dann bitte im Feld Anmerkungen an, um welchen Bereich es sich handelt.

  • Logodatei oder Schriftzug
    Individualisierung

    Das Logo im Headerbereich wird als PNG-Datei (mit transparentem Hintergrund) eingebettet damit es sich harmonisch in den Hintergrund einfügt. Hast du eine solche Logodatei (vielleicht von einem Grafikdesigner erstellt)? Wenn nicht, erstelle ich dir gerne ein Logo. Du musst dir dann nun nur noch einen Schriftzug überlegen (Standardmäßig: Vorname, Name, AutorIn) und mir mitteilen welche Schriftart ich nutzen soll. Suche dir hierzu bitte einen Google Font aus, den ich nutzen soll. Die Auswahl ist riesig. Du wirst bestimmt fündig.

  • Schriftart
  • Schriftzug
  • Hauptmenü
    Individualisierung

    Wie soll der Hintergrund des Hauptmenüs aussehen (rot markierter Bereich)? Standardmäßig wird der Hintergrund mit einem Bild erzeugt, das ich mit dem Background Image Generator von SiteOrigin erzeugt habe. Es hat den HTML-Farbcode #303030 (Schwarzgrau).

    Du kannst dir ebenfalls ein solches erstellen. Du kannst aber auch deine gewünschte Farbe ausgeschrieben oder als HTML- oder RGBA-Code in das Eingabefeld schreiben. Oder du schickst mir eine Bilddatei, in der die Farbe enthalten ist. Gib dann bitte im Feld Anmerkungen an, um welchen Bereich es sich handelt.

  • Hero Image
    Individualisierung

    Als nächstes kannst du das sogenannte Hero Image hochladen, dass auf der Startseite unterhalb des Hauptmenüs angezeigt wird. Da es die gesamte Breite des Bildschirms einnimmt, sollte es eine Breite von mindestens 1500 Pixeln und eine gute Qualität haben, da es sonst gerade auf großen Bildschirmen sehr unscharf, verschwommen und pixelig aussehen kann.

    Soll deine Startseite kein Hero Image haben, schreibe es bitte in die Anmerkungen.


  • Sidebar

    Die Sidebar befindet sich auf den Unterseiten der Website rechts vom Content (Hauptinhalt). Dort können weitere Inhalte und Informationen für den Besucher bereitgestellt werden.

  • Hintergrund
    Individualisierung

    Wie soll der Hintergrund der Sidebar aussehen (rot markierter Bereich)? Standardmäßig wird der Hintergrund mit demselben Bild erzeugt, das ich auch für den Hintergrund des Headers nutze. Hierfür nutze ich wie bereits geschrieben, den Background Image Generator von SiteOrigin. Es hat den HTML-Farbcode #FFFFFF (weiß).

    Du kannst dir ebenfalls ein solches erstellen. Du kannst aber auch deine gewünschte Farbe ausgeschrieben oder als HTML- oder RGBA-Code in das Eingabefeld schreiben. Oder du schickst mir eine Bilddatei, in der die Farbe enthalten ist. Gib dann bitte im Feld Anmerkungen an, um welchen Bereich es sich handelt.

  • Social Media
    Individualisierung

    Im oberen Bereich der Sidebar befindest sich die Social-Media-Leiste. Bitte gib die Links zu deinen Accounts an.

  • Facebook
  • Twitter
  • Instagram
  • Youtube
  • Pinterest
  • Weitere Accounts
  • Weitere Inhalte

    Möchtest du weitere Inhalte für deine Besucher in der Sidebar bereitstellen? Dann nutze das nachfolgende Eingabefeld um die Inhalte zu beschreiben.


  • Footer

    Der Footer einer Website befindet sich am unteren Ende der Website. Er beinhaltet ein weiteres Navigationsmenü und den Copyright-Hinweis.

    Individualisierung

    Wie soll der Hintergrund des Footers aussehen (rot markierter Bereich)? Standardmäßig wird der Hintergrund mit demselben Bild erzeugt, das ich auch für den Hintergrund des Hauptmenüs nutze. Hierfür nutze ich wie bereits geschrieben, den Background Image Generator von SiteOrigin. Es hat den HTML-Farbcode #303030 (Schwarzgrau).

    Du kannst dir ebenfalls ein solches erstellen. Du kannst aber auch deine gewünschte Farbe ausgeschrieben oder als HTML- oder RGBA-Code in das Eingabefeld schreiben. Oder du schickst mir eine Bilddatei, in der die Farbe enthalten ist. Gib dann bitte im Feld Anmerkungen an, um welchen Bereich es sich handelt.


  • Weitere Gestaltungswünsche

    Gibt es zum Schluss noch weitere Anpassungen und Änderungen, die vorgenommen werden sollen oder hat etwas gefehlt? Dann schreibe es in das folgende Eingabefeld.

    Die von dir erstellten Inhalte (Texte und Bilddateien) für die einzelnen zu erstellenden Seiten schickst du mir am besten per E-Mail an info@autoren-website.de.


  • Dieses Feld dient zur Validierung und sollte nicht verändert werden.