Pirate Design/CI2015/Teamarbeit/2015-06-27 - Protokoll CI2015

Dies ist ein Protokoll und sollte nicht mehr verändert werden. Kleine Veränderungen wie Rechtschreibfehler, Layout-Anpassungen, etc. können natürlich weiterhin durchgeführt werden. Dieses Protokoll ist nicht maßgeblich, da es nicht unterschrieben ist. Hinweise auf Veränderung liefert die Versionsgeschichte.

 

Originalquelle: https://webseite.piratenpad.de/Protokoll-GeBC151

Eckdaten

Was:      Design BarCamp
Datum:    26.-28. Juni 2015

Anwesend

• pakki
• xwolf
• Jesthan
• Benny
• StefanM
• dehsur
• Nikki

Logbuch des Barcamps vom 27(28. Juni 2015

Präsentation von Jestan

Unterschied von Kampagne und Grunddesign, Corporate Design Diverse verschiedene Logos.

Individualisierte Logos über die Flagge teils problematisch in der grafischen Umsetzung.

Fließtextschriften DejaWeb kostenlos

Pantone 151 U

Fotokonzept Schwarzweiß Raster drüberlegen

Fragen: Individualisierungszone -- der Kreis ums P und darüber hinaus ist auch noch okay... Landesverband

Das Logo von der EU-Wahlkampagne (Blau/gelbe Sterne) war sehr gerne genommen.

Logo von NRW

Aktuelle Font: politics head Version 1.9

Baukasten-Vorlagen gab es zur Bundestagswahl. Das wird dann durch das web-2-print im pshop (upcoming) ersetzt. Es entsteht fürs grundlegende Officedesign, nicht für Kampagnen. Den Unterschied Office/Kampagne sollten wir klar betonen.

Vorstellung eines Webseiten-Entwurfes (xwolf)

• Basis Wordpress
• Eigene Templates
• Link-Listen-Funktionalität
• Überschriften und Inhaltsverzeichnisse automatisch erzeugt aus Subheads etc.
• Werbung-Funktionalität: Banner wird rechts oben eingeblendet.
• Bildlinks-Funktionalität
• Portalseite-Template: bietet unten Portalmenüs an.

Das Template liegt auf github vor.

Videoclip wäre wichtig. Dazu einen geeigneten Präsenter.

Beschlußantrag für ein offizielles Logo sollte gestellt werden, da es keinen bisher gibt

Platzierung der social media buttons.

Elemente auf der Startseite

Pakki: LVs wurden angeschrieben. 3 haben mitgemacht. Wichtigste laut Umfrage: - Redaktionelle Beiträge - Programm der Partei und Positionen Themenseiten (tags) Pakki macht Skizze auf dem Flipchart.

Besprechen, welche Verteilung der Elemente.

Einzelseiten // Beitragsseiten // Themenseiten

- Parallax Header Image - Bei Artikel zu Themen kommt in die Sidebar die Verlinkung zu Themenseite/Empfohlene - Links des Artikels → Social Media teilen verlinkung - Klarer Textfluss (wie bei "Vice") - Optional Autor-Info (nur Beiträge)   - Definition Bilder festlegen - Ansprechpartner/Kontakt (bei Themenseiten) 

Navigation

- Zitate/ Slogans - Aktionenwerbung - 1/3 & 2/3 Splittung - Logo bei scrolltofixed kleiner

Allgemein

- Newsübersicht auf Extra Seite  - 

Startseite

Slider - Breite 1260px (max) - Titel (Font: Politics)  weiß, schwarzer Hintergrund (ggf. halbtransparent) - Exerpt oder Sliderbeschreibung - Copyright, halbtransparent unter Excerpt / Beschreibung   - Der Slider soll optional sein und in den Template-Einstellungen  (de-)aktivierbar sein   Default (wenn Slider deaktiviert) - Balken, mit Farbverlauf und Grafikelement rechts     Inhalte - Beiträge sind optional über einen Shortcode einsetzbar => Anzahl der Beiträge pro Reihe (2 oder 3), maximale Anzahl und berücksichtigte Kategorien einstellbar - „Informiere dich“, „Unterstütze uns“ und „Werde Pirat!“ werden als Elemente (Buttons, horizontal angeordnet) ausgegeben  => genaue Position muss noch besprochen werden - Aktionsbilder als Slider im unteren Bereich der Webseite, über dem Footer

Sonntag TODO

- Wikiseiten aktualisieren - Backgrounds generieren  - Styleguide (Fred) - Social Media Motive Anleitung (nikki) - statische Texte und piratenkleider Test dafür, am sinnvollsten wäre es aus meiner Sicht, die Texte komplett neu zu schreiben (Stefan)

nach Sonntag TODO

- Pirateninfo Kalender (Sascha) - Logo Generator (Sascha) - Analytik zu Websitetraffic, Klickpfaden der Besucher muss endlich kommen. Datenschutzbedenken müssen endlich ausgeräumt werden, der vorhandene Buvobeschluss ist umzusetzen,

Mitschrift So 11 Uhr-Feedbackbesprechung

A) TODO Website

B) TODO Corporate Design

A) TODO Website

Pakki: Wir haben keine CI, wir haben Texte zum Teil überarbeitet, Baukasten für Socialmedia angelegt, 2 Plakatvorschläge für RLP angelegt, haben für die Webseite schon Visionen, wo es hingehen soll. Wir liegen gerade bei 20-30 Prozent bei dem, was wir machen wollten. Vorgehensweise, was nach dem Wochenende passiert? Wann treffen wir uns wieder? 1 bis 2 Milestones?

Zum BPT (25.7.): Landeslogos, Social-Media-Motive, Website-Entwürfe?

Website (xwolf): mache Wireframes, github-Projekt, Weiterarbeit insbesondere an der Startseite, die Artikelseiten sind insoweit schon fertig konzeptionell, die Technik dahinter ist weitgehend(?) fertig.

• Startseite: modular
• CSS: allgemein
• Wireframes: Zum Samstag (4.7.) Designvorschläge/Designalternativen als Bilder hochladen / Responsive Umsetzung: Benny
• Arbeitsbereich: in Pakkis Cloud bei Piraten NRW, vorläufig nur intern, bzw. nur vertraulich herausgeben
• Ideen / Vorschläge:
  • Social Media Buttons
  • Design
  • Texte (StefanM): läuft auf neues Portalkonzept, Datenschutzbedenken zu Webanalytik, die ausräumen (pakki). Klickpfade sind vor allem interessant. Die Texte werden von StefanM auf einer Instanz von xwolf bearbeitet, die neueste Themeversion Piratenkleider wird über Updates immer aktuell gehalten.
  • Elemente abklären: 
    • Newsletter 
    • Obere Leiste
    • Suche
    • Mitglied werden / Spenden / Informiere dich (politische Themen)
    • Aktionsbanner, Bilder
    • Liste der Landesverbände
    • PPI Piraten international
    • Externe Seiten / Medien  (RSS-Feed-Import?)  

• Koordination mit BundesPR und Buvo, Termin ausmachen mit BuVo, xwolf & pakki

• von der BundesIT alle subdomains und Domains anfordern zwecks Inventur der Wordpress-Instanzen.

• Benny: für Einzelbeitrags- und Themenseiten einen Parallax-Effekt einfügen: dafür Entwurf machen, zum Feedback mit Designern
• Benny: Rechts Box einfügen: Verlinkungen innerhalb eines Beitrages, mit Querverweisen (?)
• StefanM: klären: politische Themenbeauftragte / Sprecher an welcher Stelle auf der Webseite unterbringen
• Benny: Share-Buttons auf den Artikelseiten: welche, wo. Platzierung der Social Media Icons für Seite und Share Buttons werden noch diskutiert.

B) TODO Corporate Design

• Bundeslogo: check, Landeslogo: check (Nikki: Abnahme Vorstände, LVs). Deadline: bis zum BPT (25.7.)
• Styleguide (Fred): (warten)

• Schriftarten: sind festgelegt: Politics Head / DejaWeb -- Roboto als fallback. Alle Schriften sind ins Parteiwiki hochgeladen.

• Vorlagen, die bereits vorhanden sind: 
  • Formulare: bisher nur Mitgliedsantrag, Rest folgt, als .ai
  • Briefpapiere (jestan), als .indd
  • Social Media Templates, Meme + Anleitung, für Bund (nikki, auch für Bayern), als .inkscape und .indd
  • Hintergründe für Social Media: FB, Twitter, G+, als .psd
  • Plakat-Vorlage: RLP-Vorschläge (pakki), als .ai
  • Visitenkarten (ohne web-2-print, nur PSD)

• Wiki SG Gestaltung
  • Seite aktualisieren
  • Baukasten anlegen (alte Sachen, zum Beispiel BTW2013, archivieren,markieren)

• Social Media
  • Bilder-Motivsammlung anlegen, CC-Lizenz in das ITPC-Feld "Copyright" hinterlegen. Keine alten Bilder mehr verwenden.
• Themenflyer, Grundsatzprogramm (fertig)
• Merchandising-Produkte für den pshop

Nächstes Treffen

offen, nach Bedarf. Ansonsten im Mumble. Jestan: bietet an für 2016 für Gestalterbarcamp zu schauen.