01 Arbeitstitel
Roots - [RuDe’s]
Die Deutschen, die in Russland eine neue Heimat suchten – und den Weg wieder zurück fanden.
02 Kurzbeschreibung
Mein Bachelorprojekt widmet sich dem Thema der Identität und des Heimatgefühls russlanddeutscher Spätaussiedler und ihrer Nachkommen. In einer interaktiven Storytelling-Website wird die besondere Migrationsgeschichte und der oft interkulturelle Identitätskonflikt dieser Gruppe anschaulich aufbereitet. Die Website soll die persönlichen Erlebnisse, Herausforderungen und das Verständnis von Heimat bei Russlanddeutschen erfahrbar machen und damit Einblicke in ihre kulturelle Situation bieten. Ziel ist es, durch ein digitales, visuell starkes und analoges Format sowohl für diese Erfahrungen zu sensibilisieren als auch Verständnis und Dialog über kulturelle Identität und Zugehörigkeit anzuregen.
03 Projekt- & Risikomanagement

04 Konzept- Ausgangssituation, Problem, Lösung



05 Recherche, Inhalte, Daten, Quellen
Für den Anfang sammelte ich meine Recherche auf Miro als die Basis für mein Projekt. Während des Designprozesses und der Umsetzung recherchierte ich auch und sammelte meine Inhalte parallel. Das komplette Quellenverzeichnis findet man unter: https://roots-die-russlanddeutschen.webflow.io/projektinformationen
Hier geht's zum Miroboard: https://miro.com/app/board/uXjVLV5eYY4=/?share_link_id=420087633085
Interview-Fragebögen
Umfrage für Russlanddeutsche
Status quo


Layout-Inspiration


Zielgruppenanalyse








Content-Modelle






06 Storyline, Spannungsbogen, Mindmap










07 Moodboards








08 Skizzen, erste Layouts und Prototypen











09 Designvarianten



10 Finales Design






11 Prototyp
Es gibt keinen vollständigen Prototypen von meiner Website, da ich nach der Fertigstellung der Landingpage in Figma direkt in Webflow mit der Umsetzung der Landingpage und der Unterseiten angefangen habe.
Hier aber der Link zu meiner chaotischen Figma-Datei: https://www.figma.com/design/6HBPFRLHrAq1xvpyYYVafB/BACHELOR?node-id=0-1&t=aDNf7mE0OP49qg9u-1




12 Testing
Durch die Durchführung von Usability-Tests prüfte ich die Funktionalität, Lesbarkeit und Verständlichkeit des Prototyps. Das Testing geschah mündlich. Es war mir wichtig, Testpersonen einzubeziehen, die bisher keinerlei Kenntnisse über das Projekt hatten. Jede Testperson erhielt Zeit, um die Website eigenständig zu erkunden und währenddessen zu kommentieren. Danach stellte ich ihnen gezielte Fragen.
- Als allererstes stellte sich durch das Testing heraus, dass einige Personen nicht wussten, wer genau mit den „Russlanddeutschen“ gemeint war. Viele dachten, dass es um russische Migranten mit russischen Wurzeln geht. Deshalb musste ich den Einstieg anpassen und die Nutzer*innen besser mit einer Erklärung abholen.
- Im nächsten Schritt wurde auch die Frage gestellt, warum für Deutschland die blaue Farbe steht und ob es irgendwas mit der Partei AfD zu tun habe. Somit passte ich die Anfangsanimation an und erklärte gleich dort die psychologische Wirkung der Farben Rot und Blau. Gelöst habe ich die Kritik schlussendlich mit verschiedenen Bildern, die jeweils mit Russland und Deutschland assoziiert werden und diese dann für die Animation in der passenden Farbe eingefärbt.
- Außerdem mussten kleine Anpassungen in Fließtext-Größe und Zeilenabstand für den besseren Lesefluss gemacht werden.
- Im Nachhinein, als mein Logo schon stand, hat sich eine Testperson auch eine dezente Animation des Logos gewünscht.
Nachdem alle Verbesserungen stattgefunden haben, empfanden die Testpersonen die Struktur der Website als schlüssig. Die Idee mit den zwei verschiedenen Farben, die dann verschmelzen und zu einer neuen Farbe werden, fanden die Testpersonen besonders kreativ und äußerst passend für das Thema. Insgesamt hat mir das Testing sehr geholfen, um Anpassungen vorzunehmen, die auf den ersten Blick nicht offensichtlich waren, vor allem, wenn man selbst so tief in einem Thema steckt.
13 Finaler Prototyp / Link Webflow
Website:
https://roots-die-russlanddeutschen.webflow.io/
Buch:
https://acrobat.adobe.com/id/urn:aaid:sc:EU:ec927936-6d76-41c3-a034-64a5c79b0914
14 Styleguide
15 Screencast
16 Präsentationsvideo
17 Ausstellung







18 Thesis
https://acrobat.adobe.com/id/urn:aaid:sc:EU:3c5138e5-662e-4981-9a4f-22ac46b3edc9