+++
layout = "work/single"
theme = "dark"
featured = true
background = "#000067"
accent = "#009ACE"
text = "#FFFFFF"
title = "PrototypeFund - Virtual Demo Week"
summary = "Wir haben eine virtuelle Demo-Woche entwickelt, um Projekte aus den Runden 7-10 des deutschen Prototype Fund die Möglichkeit zu geben, ihre Arbeit in einer virtuellen Umgebung zu präsentieren."
date = "2023-03-11 18:45:00 +0200"
images = ["img/work/demoweek.webp", "demoweek"]
tags = []
categories = ["Branding", "Interaction Design", "Web Development"]
[links]
    "Website" = "https://demoweek.prototypefund.de"
[sources]
    "GitHub repository" = "https://github.com/prototypefund/demoweek-archive"
+++

Im Jahr 2020, während des Höhepunkts der Corona-Pandemie, wandte sich der Prototype Fund an uns, um bei der Umgestaltung ihrer herkömmlichen Demo Week in ein virtuelles Ereignis zu helfen. Normalerweise trafen sich die Teilnehmer an einem Tag in Berlin, um ihre Projekte zu präsentieren. Aufgrund der Einschränkungen für Veranstaltungen in Präsenz mussten wir jedoch einen alternativen Ansatz entwickeln.

---

{{< figure class="with-js" src="/img/work/demoweek-logo.svg" alt="Prototype Fund Demo Week Logo" >}}
{{< figure class="no-js" src="/img/work/demoweek-logo.webp" alt="Prototype Fund Demo Week Logo" >}}

Der Prototype Fund ist ein öffentliches Förderprogramm in Deutschland, das Einzelpersonen und kleinen Teams unterstützt, die an Open-Source-Software, digitaler Infrastruktur und Civic-Tech-Projekten arbeiten. Das Programm stellt bis zu 47.500 Euro pro Projekt für einen Zeitraum von sechs Monaten sowie Mentoring- und Networking-Möglichkeiten zur Verfügung. 

Ziel des Prototype Funds ist es, innovative Ideen in einer risikoarmen Umgebung schnell zu prototypisieren und zu testen sowie eine Kultur der Open-Source-Software und Zusammenarbeit in der deutschen Tech-Community zu fördern.

{{< figure src="/img/work/demoweek-screenshot.webp" alt="Prototype Fund Demo Week Website Screenshot" >}}

## Stereoscopic Visuals

Das Branding des Prototype Funds bietet viel kreative Freiheit, indem sie mit stereoskopischen Bildern und Texten spielt, die sich transformieren. Viele Brainstorming-Sitzungen wurden darauf verwendet, synth-wave, cyberpunk und ähnliche visuelle Stile zu erkunden, um den Inhalt zu unterstützen.

<div class="d-flex justify-content-between align-items-center">

<div class="demoweek-blue-banner text-center">

<div>Demo</div>

<div>Week</div>

</div>

<div class="demoweek-pink-banner text-center">

<div>Demo</div>

<div>Week</div>

</div>

</div>

## Accessibility

Der stereoskopische Stil war visuell ansprechend, aber aufgrund seines niedrigen Farbkontrasts war es für einige Benutzer schwierig, wichtige Informationen wahrzunehmen. Um die Zugänglichkeit zu verbessern, haben wir eine erweiterte Farbpalette eingeführt, die vom Prototype Fund-Stil inspiriert wurde. Dadurch konnten wir eine größere Vielfalt an Farben anbieten, die genug Kontrast zum bestehenden Stil hatten und es Benutzern leichter machten, zwischen verschiedenen Elementen auf der Seite zu unterscheiden.

{{< figure class="with-js" src="/img/work/demoweek-colors.svg" alt="Demo Week color palette" >}}
{{< figure class="no-js" src="/img/work/demoweek-colors.webp" alt="Demo Week color palette" >}}

Zudem haben wir erkannt, dass Barrierefreiheit von entscheidender Bedeutung ist, um eine inklusive Benutzererfahrung zu schaffen. Um sicherzustellen, dass unsere stilistischen Entscheidungen im Einklang der Barrierefreiheit standen, haben wir uns für einen dunklen Stil entschieden, der einen hohen Kontrast bot und die Farben auf der gesamten Website wie Neonlichter erscheinen ließ.

Diese Wahl war nicht nur visuell ansprechend, sondern stellte auch sicher, dass die Website für alle Benutzer zugänglich war, einschließlich derjenigen mit Sehbehinderungen.

{{< figure src="/img/work/demoweek-highlight.webp" alt="Prototype Fund Demo Week Website Screenshot" >}}

## Wie wir geholfen haben

- Eine neue, erfrischte Markenidentität, um eine barrierefreie Webseite zu bieten. 
- Design und Aufbau der neuen Webseite des Prototype Funds, die Platz für 95 Projekte in 4 Runden bietet. 
- Unterstützung des Prototype Fund-Teams bei der Bereitstellung und Testung der neuen Website.