Umsetzung Design-Richtlinien Entwicklungsportal

Warum?

Um ein einheitliches Erscheinungsbild der FITKO-Produkte/-Webseiten zu gewährleisten, sollen die Design-Richtlinien der FITKO auf das Entwicklungsportal angewand werden.

Relevante Links und Bemerkungen

• Design-Richtlinien: https://codecentric.slack.com/archives/C01TW631805/p1650380272922359

Akzeptanzkriterien

1. Der Bereich Dialog & Strategie der FITKO hat den aktuellen Umsetzungsstand des Entwicklungsportals bewertet und für gut befunden.

Ermittelte Issues von Dialog & Strategie (Runde 1)

1. Das Weblayout auf Grundlage des FITKO-Designs (Farben, Layout) zu gestalten, finden wir gut. Allerdings sollte darauf geachtet werden, im Basis-Layout keine allzu FITKO-spezifischen Elemente (z.B. die Kabelmännchen) aufzugreifen. In eurem Fall ist das der gelbe Kasten mit Kabelmännchen. Also gerne Format und Farbe beibehalten, aber die Männchen rausnehmen.
2. Zur Logo-Verwendung: Grundsätzlich soll das richtige FITKO-Logo genutzt werden. Der extrahierte Schriftzug existiert so an sich nicht. Einzige Ausnahme ist, wenn sich die Hauptnavigation beim Nach-unten-scrollen zusammenzieht – dann kann aus Platzgründen nur der Schriftzug verwendet werden (siehe www.fitko.de). -> bereits gefixed
3. Als Header schlagen wir vor, den Produktnamen zu verwenden (Föderales Entwicklungsportal oder FIT-Connect), nicht die FITKO. Die FITKO sollte lediglich im Footer oder Impressum dargestellt werden. -> bereits gefixed
4. Grundsätzlich versucht man, etwas Weißraum rechts und links vom Text zu lassen, damit es nicht zu eingeengt wirkt. Vielleicht ist das nur die Darstellung auf dem Tablet und auf einem „richtigen“ Bildschirm besser, aber Websites sollten bestenfalls auch auf Tablets gut aussehen. -> #434 (closed)
5. Wichtig ist, dass die Hauptüberschrift (Föderales Entwicklungsportal) keine kleiner Schriftgröße hat als eine Zwischenüberschrift „Föderale API-Module“. Die fette Schrift wirkt übrigens arg plakativ. Welche Schriftart ist das? Gibt es vielleicht einen Semibold-Schriftschnitt, den man verwenden kann?
6. Die Logos von FITKO und IT-PLR, die momentan in der Mitte der Seite sind, am besten nur im Footer verwenden, dazwischen sind sie etwas verloren. Den Slogan würden wir gar nicht verwenden. -> Nochmal besprechen
7. Die Deutschlandkarten-Grafik oben wirkt etwas langweilig. Was soll denn damit ausgedrückt werden? Ggf. finden wir noch eine etwas dynamischere Grafik.
8. Auf der Plattform-Seite hängt die Überschrift zwischen Spalte 1 und Spalte 2. Sie sollte besser wie auf der Startseite am linken Rand beginnen. -> bereits gefixed

Durchführungsplan

• Deployment auf preview-Umgebung: https://docs-preview.fitko.dev/ -> #346 (closed)
• Entscheidung: IT-Planungsrats-Design vs FITKO-Design -> FITKO-Design
• Mail an Dialog & Strategie
• Rückmeldung Dialog & Strategie
• Erneute Info an Dialog & Strategie, wenn Runde-1-Issues abgearbeitet sind
• Finales Go von Dialog & Strategie
• Definition of Done wurde geprüft