Beschreibung
Die JLU plant einen Relaunch ihrer Website und hat dafür ein Projekt gestartet. Im Rahmen der vorliegenden Ausschreibung soll externe Unterstützung für die Bereiche technische Umsetzung und User Experience (UX) beauftragt werden. Diese beiden Bereiche werden dabei als separate Lose ausgeschrieben. Im Projekt bildet Content (Redaktionskonzept und Inhalt) den dritten Bereich ab. Dieser wird vom Projektteam der JLU abgedeckt. Für das Relaunch-Projekt ist eine Laufzeit von vier Jahren geplant. Die Ausschreibung erfolgt in zwei Losen: •Los 1: Usability- und Interaktions-Design •Los 2: Technische Implementierung (Block A), Hosting und Betrieb (Block B) Los 1: Usability- und Interaktions-Design Entwicklung Corporate Design (Web) •Auf Basis des bereits bestehenden Corporate Design Konzepts und der vorhandenen Assets und Artefakte •Auf Basis von Layoutvorschlägen, die im Rahmen von Vorstellungen (Pitch, Durchführung von JLU-internen Workshops, etc. - jeweils in deutscher Sprache: Sprachlevel C2 - GER) vor JLU-Gremien abgenommen wurde Erarbeitung Styleguides Web •Definition von Farben, Typografie, Bildstil, Icons und anderen visuellen Elementen in Abstimmung mit der Auftraggeberin. •Erstellung eines umfassenden Styleguides für die Webseite. •Auf Anlage 3 dieser Leistungsbeschreibung ("Corporate Design - Styleguide für Print-Produkte") wird als Orientierung verwiesen. Erstellung von Wireframes und Prototypen •Entwicklung von low-fidelity Wireframes zur Strukturierung der Seiten. •Erstellung von interaktiven Prototypen zur Visualisierung des Nutzerflusses und der Interaktionen. Gestaltung von Seiten-Templates, Building Blocks, etc. Seitentypen •Startseite, •unterschiedliche Übersichtseiten-Typen (u. a. für Gesamtuniversität, Fachbereiche, Institute, Zentren, Dezernate, Stabsabteilungen, Studiengänge und Forschungsprojekte) •Contentseiten (auch mit dynamischer Inhaltseinbindung) •Termindarstellungen •News-Elemente •Personenseiten •Landingpage •Formulare •Bildergalerien, gegebenenfalls mit Downloadfunktion •Fehlermeldungsseiten •sowie weitere Seitentypen Die Entwicklung erfolgt gemeinsam mit der Auftraggeberin im Rahmen interner Workshops in deutscher Sprache entsprechend GER-Sprachniveau C2). Zentrale Design-Elemente •Header und Footer: Gestaltung der oberen und unteren Bereiche der Seiten. •Navigation: Design der Haupt- und Unternavigation in enger Abstimmung mit einem durch die JLU zu erstellenden Content-Konzept. •Call-to-Actions (CTAs): Erstellung von auffälligen und effektiven CTAs. •Content-Bereiche: Gestaltung der Hauptinhaltbereiche der Seiten oFlexible Text-Medien-Kombinationen oFlexible Darstellung von Medien oTeaser-Elemente oStrukturierte und übersichtliche Darstellung größerer (Text-)Inhalte •Gestaltung eines Darstellungsformats für komplexe Daten und Strukturen in Form von Schaubildern oder Diagrammen (z. B. als Alternative zu Tabellen), wobei Barrierefreiheit als übergreifender Gestaltungsaspekt besonders zu berücksichtigen ist. Responsiveness (unter dem Aspekt "Mobile First") Breakpoints •Definition von Breakpoints für verschiedene Bildschirmgrößen (zum Beispiel Desktop, Tablet, Mobil). Adaptive Layouts •Erstellung von adaptiven Layouts, die sich an die verschiedenen Bildschirmgrößen anpassen. Touch-Friendly Elements •Anpassung von interaktiven Elementen für die Nutzung auf Touchscreen-Geräten. Interaktionsdesign Entwicklung eines UX-Designs, das sich an den Anforderungen der vielfältigen Zielgruppen der Universität orientiert. Im Fokus stehen hierbei Studieninteressierte sowie hochschul- und forschungspolitische Stakeholder, insbesondere im Zusam-menhang mit der "Exzellenzstrategie des Bundes und der Länder". Benutzerfluss und -pfade (User Journey und Navigation) •Inhaltlicher Aufbau der Navigation- und Seitenstruktur (Einheitlichkeit und Berücksichtigung der Nutzendenperspektive). •Definition der Benutzerflüsse und -pfade durch die Anwendung. Entwicklung zielgruppengerechter Interaktionsmodelle nach Konzeptvorlagen der JLU Gießen •Gestaltung und Modellierung von Zugangswegen (u.a.) anhand von Personas. Interaktive Elemente •Gestaltung von interaktiven Elementen wie Buttons, Dropdowns, Modals etc. Animationen und Übergänge •Erstellung von Animationen und Übergängen zur Verbesserung der Benutzererfahrung Übergabe an die Technikagentur (Auftragnehmer Los 2) Dokumentation der Designentscheidungen •Erstellung einer umfassenden Dokumentation der Designentscheidungen und -rationalen. Kick-off-Meeting •Durchführung eines Kick-off-Meetings mit der Technikagentur (Los 2) zur Übergabe der Designs und Spezifikationen unter der Leitung der JLU. Kontinuierliche Unterstützung •Bereitstellung von Unterstützung und Klärung offener Fragen während der technischen Implementierung. •Abstimmung und Zusammenarbeit mit der JLU und der Technikagentur (Los 2) im Rahmen des agilen Projektvorgehens. Projektmanagement Projektplanung •Einigung zwischen Auftragnehmer und Auftraggeberin auf ein gemeinsames Projektvorgehen unter Einbeziehung von agilen Methoden •Gemeinsame Erstellung eines agilen Projektplans in Form eines initialen Product Backlogs mit den zugehörigen Planungsparametern (zum Beispiel Sprints, Meilensteine und Deadlines) Kommunikation und Berichterstattung •Durchführung von Workshops an der JLU zur partizipativen Entwicklung von Design und Layout. •Regelmäßige Kommunikation mit den Stakeholdern und Berichterstattung über den Projektfortschritt. Qualitätsmanagement •Sicherstellung der Qualität der gelieferten Designs durch Reviews und Tests der JLU Barrierefreiheit und Datenschutzkonformer Betrieb Anforderungen für das Projektteam Für die Umsetzung des Webrelaunch-Projekts erwartet die Auftraggeberin ein erfahrenes und interdisziplinäres Projektteam. Nachweise sind vorzulegen. Eine detaillierte Beschreibung ist der Leistungsbeschreibung zu entnehmen. | Die JLU plant einen Relaunch ihrer Website und hat dafür ein Projekt gestartet. Im Rahmen der vorliegenden Ausschreibung soll externe Unterstützung für die Bereiche technische Umsetzung und User Experience (UX) beauftragt werden. Diese beiden Bereiche werden dabei als separate Lose ausgeschrieben. Im Projekt bildet Content (Redaktionskonzept und Inhalt) den dritten Bereich ab. Dieser wird vom Projektteam der JLU abgedeckt. Für das Relaunch-Projekt ist eine Laufzeit von vier Jahren geplant. Die Ausschreibung erfolgt in zwei Losen. Los 2- Block A: Technische Implementierung -Umsetzung Corporate Design (Web) - Implementierung des Plone-Themes gemäß dem Entwurf der Designagentur (Los 1), Entwicklung von Contenttypen für zentrale Übersichtsseiten, Entwicklung von Templates zur Contentpflege durch Webredakteur/innen, Implementierung des zentralen Navigationskonzepts, Entwicklung/Anpassung einer Mechanik für Webformulare -Besondere Kernfeatures - Automatisierte Datenintegration aus Drittsystemen, Entwicklung automatisierter Darstellungen, Social Media Integration -Authentifizierung und Zugriffskontrolle -Rollen- und Rechteverwaltung, Umsetzung des Web-Nutzerkonzepts der JLU, Umsetzung der Delegation von Administrationsrechten -Mehrsprachigkeit: Zweisprachiger Aufbau, Automatische Übersetzungsfunktion - Suchmaschinenoptimierung (SEO) / Generative Engine Optimization (GEO) - Umsetzung technischer SEO- und GEO-Maßnahmen, OnPage-Optimierung für nicht redaktionelle/statische Seitenelemente und Strukturen, Monitoring und kontinuierliche Optimierung - Suche und Suchoptimierung -Webstatistik und Analyse -Anpassungen an den Plone-Standard -Teilmigration ausgewählter Inhalte - Mechanik zum Erhalt von URLs im Hybrid-Betrieb -Dokumentation - Projektmanagement Technische Umsetzung - Projektplanung (Agenturseite), Kommunikation und Berichterstattung, Qualitätsmanagement Los 2 - Block B: Hosting und Betrieb - Serverinfrastruktur und Clusteraufbau - Betriebsaufgaben und Wartung - Continuous Release Planung und Staging-Prozesse - Servicelevel-Agreements (SLA) - IT-Sicherheit - Grundschutz nach BSI,Operative Sicherheitsprozesse - Barrierefreiheit und Datenschutzkonformer Betrieb Anforderungen für das Projektteam Für die Umsetzung des Webrelaunch-Projekts erwartet die Auftraggeberin ein erfahrenes und interdisziplinäres Projektteam. Nachweise sind vorzulegen. Eine detaillierte Beschreibung ist der Leistungsbeschreibung zu entnehmen.