- niederbacher als basis ?!

Wichtig für das Internet ist:
- Wiedererkennung des Image
- Anpassung an alle Bildschirmgrößen (Desktop bis Mobil)
- schnelles Zurechtfinden der User
- saubere Struktur und genügend Inhalte für die Suchmaschinen

Wie haben wir das gelöst?
- Mit einer stark Imagelastigen Startseite die sofort auf die zwei Schwerpunkte von TCB hinweist. Emotional gefesselt wird man zudem vom Bild das wir gerne als  Cinemagraph einbauen würden. Das ist ein Bild wo ein Teil vom Bild in Bewegung ist und so Stimmung schafft - in unserem Fall würden wir ein paar Wassertropfen von der Flasche runterlaufen lassen. (Beispiele zu diesen Bildern findest du hier: http://cinemagraphs.com/) - Mobil wird die Flasche als Bild gezeigt um Ladezeit zu sparen und da es am Handy nicht von alleine startet. (1. Seite im PDF anbei)

- Beim Hinunterscrollen fixieren sich die drei Menüpunkte am oberen Rand des Bildschirmes und es wird kurz auf Private Lable und TCB Brands eingegangen. Dieser Inhalt ist wichtig für die Suchmaschinen und ein idealer Einstig für den Besucher, falls er sich oben noch nicht entscheiden konnte was er möchte. Hier wird der Besucher mit Links zu Unterseiten weitergeführt. (siehe 2. Seite)

- Die Unterseiten würden wir dann mit weißem Hintergrund gestalten, da sie Lesefreundlicher sind. Auf Seite drei die Gestaltung einer einfachen Text-Bild-Seite und wie das Untermenü aussehen wird. Wichtig finden wir, dass der Seitenbesucher jederzeit die Möglichkeit hat zwischen den Menüpunkten zu wechseln und deshalb bleiben sie immer fix stehen. Im Internet ist es ja durchaus üblich, dass man über eine Suche direkt auf eine Unterseite gelangt und so kann sich der Suchende sofort zurechtfinden.

- Auf der 4. Seite findest du die Ausarbeitung der Produktgalerie wo die Produkte direkt verglichen werden können und sich der Gast durch das Sortiment durchklicken kann bzw. dann auch durch Verpackungsmöglichkeiten und so weiter. Hier ist noch vorzusehen, dass ein PDF mit allen technischen Daten heruntergeladen werden kann.


Notizen bei Marion:
- haben wir alle fonts
google font
- sind das auf der ersten seite (die drei hauptpunkte) einfach bilder)
immer gleicher font
- habt ihr die logos und elemente als svg?
ok
- wenn der browser noch breiter wäre, bleibt der rest einfach in der mitte stehen?

- soll es auf xl (1800) gehen oder auf die normalen lg (1200)?

- bei start oben leicht nach unten scrollen, geht komplett durch?
ok
- bei den bildern wird es ganz strikte vorlagen geben.
ok
  die einzelnen maximalen aufläsungen gebe ich dann bekannt,ok?
nurwo bilder nebeinandder sind
- untermenü ist stark am limit
produkte.. neue lösung mit weiter produkte unten und zwischen seite
- händlerkarte dann einfach statisch?
einfach bild
- inhalt für sm/xs ohne logo links von navigation?
titel bei mobile immer über bild
- nach welche logik wir "Primärverpackung" hinzugefügt?
  one seite mit inhalt unten? oder wie gruper gentti die weiteren empfehlungen?
wie bei gruber genetti..aber nur eine
dunkler hintergrund...
- produktliste hat folgende elemente:
  - beschreibung
  - der rest als aufzählung oder fixe felder (die selber bearbeitet werden können?)
    wenn es immer nur um füllmenge geht, würde ich es als auflistung lassen
  - und eben das pdf als download
- ok bei Produkte selbst dann doch fixe felder ;-)
- dieselbe logik wird auch für anspreschspartner genutzt
...download button anpasstbar... pro hauptpunkt
.. mit eigenschaften und alles pro sprache.. eigenschaften werden pro website definiert
... 

- mobile nimmt der titel viel vom bild weck.. vor allem bie noch längeren titeln
ok immer titel über  bild

- h1 soll automatisch der erste in one-site sein.. soll aber auch über eine checkbox definiert werden können
  soll direkt in der onesite selbst definiert werdenkönnen,damit es übersichtlich bleibt
- 

- liste .. wie bei den anderen listen, aber breiterund in neuer zeile