Hallo Gabi,
danke für deine Gedanken & Ideen.
Einige davon sind auf der "neuen" Testseite umgesetzt, andere werden noch folgen.
Die Daten für die Testseite kommen per PN.
1. Headerbereich
Hier haben wir viel Luft, sind recht flexibel, daher würde ich das direkt ausnutzen. Das bedeutet Folgendes:
a) Kannst du bitte für den ersten Testlauf das Bild des Radars, das du als Favicon gewählt hast, nehmen und als Logo links vom Seitentitel platzieren?
Das Favicon hat eine Größe von 16 x 16 Pixeln und wirkt "verloren".
Beim skalieren wird es pixelig.
Eine anderes Radar-Bild ist an der Stelle:
b) Wenn das Logo drin ist, könntest du als Abwandlung des Effektes, den wir beim Titel sehen, eine komplette Umdrehung einbauen? Heißt, beim Mouseover findet nicht rein der Zoom-in-Effekt statt, sondern der Titel dreht sich exakt einmal um die eigene Achse, verharrt dann in der Ausgangssituation. Angenommen das wirkt nicht oder ist zu übertrieben, bekommen wir ein leichtes Pulsieren hin, an den Buchstabenrändern?
Für eine komplette Drehung um 360° wäre oben, unten, rechts und links Platz notwendig.
So in etwa:
Der jetzige Effekt könnte von den Werten angepasst werden, damit weniger stark wirkt.
Eventuell mag @Pacco etwas dazu schreiben oder einen CSS-Effekt aus dem Ärmel schütteln
c) Kannst du bitte den Slogan aus dem Footer-Bereich nehmen und ihn testweise im Header einsetzen? Schau dann, wie das wirkt, teste ggf. dezent mit Farbanpassung, Grafik usw., ja?
Meinst du diesen Slogan:
Folgendes: Ich habe mir überlegt, dass wir bei der Seite zwei Dinge besprechen sollten, die eventuell den ersten Eindruck und die Verbindung der einzelnen Bereiche (Header, Mittelteil, Footer) betreffen, beides optimieren könnten. Zum einen würde ich daher ein integriertes Pfeil-Icon unterhalb des Headers zur Diskussion stellen, das das Ziel hat, Header und Mittelteil grafisch und symbolisch zu "verbinden". Im Moment ist die Startseite, wie bei WBB gewohnt, aufgeteilt, genau das möchte ich aber nicht, weil ich denke, unser Seitenbesucher ist kein WBBler. Wir sprechen Musikfreunde und Nicht-Foris an, also sollten wir uns von der Forenoptik lösen, richtig
Für die Position des Pfeil-Icons ist EasySlider vorgesehen.
Eventuell wäre eine "Hilfeseite" zu Grundelementen (Kommentar, Suchfunktion, Inhalt melden, Registrierung) für Nicht-Foris nützlich.
2) Mittelteil
a) Die Icons wirken nicht, können wir dort Thumbnails mit passendem Bild einbauen?
Thumbnails an der Stelle sind möglich.
Hatte mal geschaut, einzeln schauen diese gut aus, zusammen allerdings wie "zusammengewürfelt".
Ein verwendbares Icon-Set mit Thumbs mit ähnlichen Erscheinungsbild ist bislang nicht gefunden.
c) Die Beschreibungen der drei Kerninhalte gehen fast unter, könntest du da ansetzen, es leicht vergrößern, eine grafische Variante probieren (Schriftart) und vielleicht dickere Letter wählen, damit wir den Bezug zur Optik des Titels haben?
Leicht vergrößern ginge, mehr "zerreißt" die Darstellung:
e) Die 5 Textinhalte wirken von der Optik her noch nicht, kannst du da eine andere Form reinbringen? Könnten wir alternierend (links-rechts) testen
Zum Beispiel in der Sidebar, als Meistgesehene Flashbacks:
Eine Variante in der Form wäre eine "Ergänzung" zu Meistgesehene Videos.
f) Könnten wir dem Stream nehmen und dann darunter einsetzen?
Der Stream ist in einer seperaten Seite integriert, weil das Script dafür die Daten von einer externen Seite lädt und die Ladezeit beeinträchtigen kann.
Die Startseite sollte möglichst schnell geladen sein werden.
g) Die Tags müssen wir bitte unbedingt von rechts wegnehmen, das wirkt optisch nicht gut. Ich hatte ja schon kurz angerissen, ob wir die Tags farblich oder sogar als animierte Variante durchdenken sollten, weil wir es mit Musik zu tun haben, es sich so von statischem Inhalt abhebt und auch ein Blickfang wäre. Die Frage ist, was denkst du darüber und welche Variante wäre eher dein Fall?
Farblich anpassbar und änderbare horizontale / vertikale Positionierung sind als Grafik möglich.
Diese Grafik mit Schlagworten könnte dann z.B. Platz in der Sidebar finden.
Gemischt aus Bildern, Videos und Flashbacks und zur Tags -Seite verlinken:
Alles anzeigen3) Footer
Falls das mit dem neuen Scrolling klappt und super aussieht, müssten wir uns auch um den Footer kümmern. In dem Kontext wäre mein erster Vorschlag, wir kombinieren Funktionalität mit dem Mitmach-Aufruf. Heißt:
Inhalte rund um die Seite (Impressum usw.) wandern in zwei Spalten links, untereinander gruppiert.
In Spalte 3 Links, die somit aus der Navigation fallen.
In Spalte 4 setzen wir mit einer passenden Grafik (erinnerst du dich an die Darstellung, mit der man "Ich Google das mal für dich" dargestellt hat? Stell dir das als grobe Vorlage vor, also eine Hand, die etwas tut, in unserem Fall platzieren wir den Button "Abstimmen" und "Mitraten" dort hin , die Hand bewegt sich leicht zu den Buttons und soll so den Betrachter animieren genau das zu tun.), die zur Aktion anregt, nicht wie plumpe Werbung wirkt.
Die ganzen Copyright-Hinweise würde ich natürlich behalten, aber etwas kleiner, wenn möglich auch nicht zentriert, sondern linear, damit sie im Vergleich zum Footer bzw. den Inhalten darüber nicht so markant herausstechen. Für cls-design wäre das ok, man muss es lesen können, aber bei WoltLab würde ich besser nachfragen, da möchte ich dich nicht unbewusst zu etwas verleiten, was wir rechtlich gar nicht dürfen. Du müsstest also sicherheitshalber Rücksprache mit einem der Teamies dort halten und das erfragen; eventuell geht es, falls aber nicht, ist es nicht dramatisch.
Der Footer wirkt gleich
Tolle Idee !
Eine weitere Box zur "Mitmach-Aktion" folgt noch.
Einige Gedanken sind vorhanden, in welche Richtung das konkret abzielt, ist noch offen.
EasyMedia bekommt Funktionsupdates, EasySlider kommt...
bitte noch diese Box, in der aktuell der Slogan steht, drin lassen?
Die Box ist lediglich deaktiviert.
Der Beitrag im Projekt-Beratungsbereich vom Sommer 2016 ist der "Grundstein" für die Seite, danke für deine Unterstützung
Viele Grüße
Michael