Usability and Interaction Design

JLU is planning a relaunch of its website and has started a project for this purpose. As part of the present tender, external support is to be commissioned for the areas of technical implementation and user experience (UX). These two areas are being tendered as separate lots. In the project, content (editorial concept and content) represents the third area. This is covered by the JLU project team. A runtime of four years is planned for the relaunch project. The tender is issued in two lots: • Lot 1: Usability and Interaction Design • Lot 2: Technical Implementation (Block A), Hosting and Operation (Block B) Lot 1: Usability and Interaction Design Development of Corporate Design (Web) • Based on the existing corporate design concept and the available assets and artifacts • Based on layout proposals that were approved by JLU committees within the scope of presentations (pitch, execution of JLU internal workshops, etc. - each in German: language level C2 - GER) Elaboration of Web Styleguides • Definition of colors, typography, image style, icons, and other visual elements in coordination with the client. • Creation of a comprehensive style guide for the website. • Reference is made to Annex 3 of this service description ("Corporate Design - Style Guide for Print Products") for guidance. Creation of Wireframes and Prototypes • Development of low-fidelity wireframes for structuring the pages. • Creation of interactive prototypes for visualizing user flow and interactions. Design of Page Templates, Building Blocks, etc. Page Types • Homepage, • different overview page types (including for the entire university, faculties, institutes, centers, departments, staff departments, degree programs, and research projects) • Content pages (also with dynamic content integration) • Appointment displays • News elements • Person pages • Landing pages • Forms • Image galleries, possibly with download function • Error message pages • as well as other page types The development takes place jointly with the client within the scope of internal workshops in German according to GER language level C2). Central Design Elements • Header and Footer: Design of the upper and lower areas of the pages. • Navigation: Design of the main and sub-navigation in close coordination with a content concept to be created by JLU. • Call-to-Actions (CTAs): Creation of striking and effective CTAs. • Content Areas: Design of the main content areas of the pages o Flexible text-media combinations o Flexible display of media o Teaser elements o Structured and clear presentation of larger (text) content • Design of a display format for complex data and structures in the form of diagrams or charts (e.g., as an alternative to tables), with accessibility being a particularly important overarching design aspect. Responsiveness (with a focus on "Mobile First") Breakpoints • Definition of breakpoints for different screen sizes (e.g., desktop, tablet, mobile). Adaptive Layouts • Creation of adaptive layouts that adapt to different screen sizes. Touch-Friendly Elements • Adaptation of interactive elements for use on touchscreen devices. Interaction Design Development of a UX design that is oriented towards the requirements of the university's diverse target groups. The focus here is on prospective students as well as university and research policy stakeholders, particularly in connection with the "Exzellenzstrategie des Bundes und der Länder" (Federal and State Excellence Initiative). User Flow and Paths (User Journey and Navigation) • Content-based structure of the navigation and page structure (consistency and consideration of the user's perspective). • Definition of user flows and paths through the application. Development of target group-oriented interaction models according to concept templates of...