pfadfinden / newsletter Goto Github PK

Zur Verbesserung des responsiven Designs und der Einheitlichkeit sollte analog zu pfadfinden.de die lange Wort-Bildmarke verwendet werden.

analog zur mobilen Ansicht von pfadfinden.de

Footer sollte analog zu pfadfinden.de im Briefumschlag Design erscheinen.

Als Nutzer möchte ich einfach zusätzlich zu der Regionalleiste ein Logo einfügen können.

Grund: border box model

Bei einigen Clients fehlt der obere Abstand zwischen den Elementen.
Lösung: Statt margin padding verwenden

Links im Footer sollten analog zu pfadfinden.de gestaltet sein.

Social Media Header: Immenhausen etc.
Links: Georgia kursiv, weiß etc.

Nach Möglichkeit sollten auch die Symbole von pfadfinden.de aus dem Footer wiederverwendet werden.

Über dem Footer sollte es Platz für Links zu Social Media Kanälen usw. geben im Stil von pfadfinden.de

Da die Bundesmail auch auf das neue Design umgestellt wird, brauchen wir entweder ein Codesnippet zum drüber passen oder einen neuen Branch mit einer angepassten Version für den Bund.

Der Text im Footer überlappt die Lasche der Umschlagsgrafik im Hintergrund. Damit ist die jeweils erste Zeile der zwei Textblöcke schlecht zu lesen.
Getestet habe ich mit der aktuellen Bundesmail (http://us9.campaign-archive1.com/?u=d37d9d7b55c82c287352a580d&id=e04d970d4b&e=9e81b35199) in den neuesten Versionen der gängigen Browser (IE, FF, Chrome, Opera).

Es sollte Platz für einen Teaser Text für die Mail Vorschau einiger Programme unter dem Betreff geben. Eine mögliche Lösung wäre das Ersetzen des aktuellen Preheaders durch den Teaser Text und den setzen des Links zum Öffnen im Browser im Footer.

Für den Druck sollte ein passendes, Tinte sparendes druck-css erstellt werden

Als Nutzer erwarte ich, dass der Text im Footer in Deutsch ist.

Das Headerbild wird in der mobiler Ansicht teilweise verdeckt.

Um verschiedene Inhalte für verschiedene Zielgruppen (Stufen) anzubieten und nicht mehrere Newsletter versenden zu müssen, wäre es toll, wenn man Content Blöcke respektive Tabellenreihen mit Conditional Merge Tags versehen könnte.

Hallo Christian und Team,

ich habe gesehen, dass ihr in den Newsletter Templates auch an einigen Stellen absolute URLs für statische Dateien einsetzen werdet. Im Rahmen der Templates für die TYPO3 Webseiten habe ich ja ähnliche Probleme und greife auch auf ähnliche Dateien zu. Ich habe ein entsprechendes CDN für genau solche Sachen angelegt.

Hier einiges URLs:

• Holzhintergrund: http://cdn.pfadfinden.de/gfx/backgrounds/Holzhintergrund_v1.jpg
• Akachen: http://cdn.pfadfinden.de/fonts/akachen/akachen.css
• Immenhausen: http://cdn.pfadfinden.de/fonts/immenhausen/immenhausen.css
• Briefumschlag: http://cdn.pfadfinden.de/gfx/objects/Briefumschlag_v1.png
• Wort-Bild Marke: http://cdn.pfadfinden.de/gfx/logos/Bundeszeichen_v1.png

Vielleicht könnt ihr die ja wiederverwenden. Oder wenn ihr noch zusätzliche Dinge braucht mir bescheid geben. Das CDN basiert auf AWS CloudFront. Performance und Verfügbarkeit sollte also richtig gut sein.

Beste Grüße
Philipp

Bei meinen Tests mit Outlook (Office 2010, Office 2013) unter Windows (Windows 7, 8, 10) musste ich feststellen, dass in diesen Konstellationen keine automatische Skalierung von Bildern stattfindet. Wenn ich also ein Bild mit 800px als Header verwende, hat dies auch immer die vollen 800px Breite und zerschießt das gesamte Layout.

Empfehlung für Doku und Default-Elemente: Stets mit der korrekten Bildgröße arbeiten. Sonst sind Windows/Outlook Nutzer traurig 😢

Ein schönerer mobiler Style für den Footer wäre schön, der sandfarbene Hintergrund sieht nicht schön aus.

Im E-Mail Programm wäre der Briefumschlag schön.

Manche Clients unterstützen manche CSS-Angaben nicht: https://www.campaignmonitor.com/css/

Die Kacheln sollten einen leichten Schatten haben, analog zu www.pfadfinden.de

Mal sind die Überschriften schmaler, mal fetter und breiter und höher.

Der Titel sollte wesentlich größer dargestellt werden, optimalerweise wie in der mobilen Ansicht von pfadfinden.de

• Namen der Gruppe in der Regionalleiste durch Stamm Weiße Dose ersetzen
• Links auf www.pfadfinden.de weiterleiten

Sollte auf Grund der Öffentlichen Wirksamkeit spätestens bei Veröffentlichung geschehen.

Auch Formulare sollten im Corporate Design erscheinen.

"Leider klappt die Anzeige auf dem Windows-Phone noch nicht so dolle."
Rückmeldung von Joschko
[email protected]

In Roundcube sind die Headlines unterschiedlich, mal schmaler, mal fetter. Außerdem sind die Überschriften nicht bündig unten links im Bild angeordnet sondern rutschen etwas nach unten raus.

MailChimp bietet eine native Crop Funktion von von 16:9. Von der Usability her ist es einfacher diese zu nutzen als das Bild immer manuell auf die Pixel Zahlen zuzuschneiden. Besser wäre es, wenn die Bilder direkt so wären damit man gefahrlos die Crop Funktion nutzen kann.

Das rechte Bild in einer Spalte wird immer niedriger dargestellt als das link, selbst wenn die Bilder von der Pixel Anzahl her gleich hoch sind.

Analog zu www.pfadfinden.de, ein Link sollte beim Hover Effekt unterstrichen werden

Die Kacheln sollten sich auf Grund der Höhe dynamisch anpassen und nicht stattdessen in Reihen existieren, bei der die Höhe durch die höchste Kachel der Reihe festgelegt wird.

Eine tolle Idee wäre es doch, wenn man den Kalender von der Homepage übernehmen könnte allerdings lediglich als einen Monat, den kommenden, um kommende Termine abzubilden.

Analog zur mobilen Ansicht von pfadfinden.de

Erstellung einer sauberen Dokumentation mit Hinweisen zur Benutzung von Mailchimp
mögliche Inhalte:
Spambekämpfung: spf und dkim

Die Abstände des Leaders, des Title Images und der Kacheln sollten sich an der Homepage orientieren.