Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Registrieren Einloggen
Impressum Kontakt Datenschutz Barrierefreiheit
Third Places

Third Places

 

Diese Storytelling-Website lädt zu einer digitalen Weltreise durch ­soziale Räume ein. Third Places ergänzen das Zuhause und den Arbeitsplatz als ­dritte, informelle Orte des Alltags. Beispiele kommen weltweit in unterschiedlichen Ausprägungen vor, aber erfüllen überall dieselbe Funktion: Sie fördern Begegnung, sozialen Austausch und das Gefühl der Zugehörigkeit. Durch interaktive Elemente und Animationen wird ihre gesellschaftliche Bedeutung auf dieser Website anschaulich und erlebbar vermittelt.

Link zur Framer Seite

https://third-places.framer.website/

Präsentationsvideo

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube

Ausstellung

20260710_192307.jpg
©Kristin Quickner
20260710_192307.jpg20260710_192307.jpg
20260714_162907.jpg20260714_162907.jpg

Plakat

PDF Kristin_Quickner_1.pdf
©Kristin Quickner
Kristin_Quickner_1.pdf PDF Kristin_Quickner_1.pdf

Broschüre

PDF ThirdPlaces_Broschüre.pdf
©Kristin Quickner
ThirdPlaces_Broschüre.pdf PDF ThirdPlaces_Broschüre.pdf

Screencast

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube
©Kristin Quickner
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube

Abschlusspräsentation

PDF ThirdPlaces_Abschlusspräsentation.pdf
©Kristin Quickner
ThirdPlaces_Abschlusspräsentation.pdf PDF ThirdPlaces_Abschlusspräsentation.pdf

_______________________________

Stand 30.06.

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube
©Kristin Quickner
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube
©Kristin Quickner
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube

Link zum Figma Prototypen

https://www.figma.com/proto/f1N4eo4w6jCBumklHukXfU/KD6-UX-Storytelling?node-id=320-91&viewport=-269%2C-283%2C0.11&t=mY28RwQfXhYdEcA6-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=320%3A91&show-proto-sidebar=1&page-id=320%3A8

Stand 23.06.

Anfang in Framer

Bildschirmfoto 2026-06-23 um 17.51.28.png
©Kristin Quickner
Bildschirmfoto 2026-06-23 um 17.51.28.pngBildschirmfoto 2026-06-23 um 17.51.28.png
Bildschirmfoto 2026-06-23 um 17.51.36.pngBildschirmfoto 2026-06-23 um 17.51.36.png
Bildschirmfoto 2026-06-23 um 17.51.45.pngBildschirmfoto 2026-06-23 um 17.51.45.png
Bildschirmfoto 2026-06-23 um 17.51.52.pngBildschirmfoto 2026-06-23 um 17.51.52.png
Bildschirmfoto 2026-06-23 um 17.52.01.pngBildschirmfoto 2026-06-23 um 17.52.01.png
Bildschirmfoto 2026-06-23 um 17.53.40.pngBildschirmfoto 2026-06-23 um 17.53.40.png

In Page Navigation

Bildschirmfoto 2026-06-23 um 17.55.06.png
©Kristin Quickner
Bildschirmfoto 2026-06-23 um 17.55.06.pngBildschirmfoto 2026-06-23 um 17.55.06.png

Click State Navigation

Bildschirmfoto 2026-06-23 um 17.55.17.png
©Kristin Quickner
Bildschirmfoto 2026-06-23 um 17.55.17.pngBildschirmfoto 2026-06-23 um 17.55.17.png

Stand 16.06.

Vorher & Nachher der Kontraste von Schrift und Farbe

Bildschirmfoto 2026-06-16 um 19.20.15.png
©Kristin Quickner
Bildschirmfoto 2026-06-16 um 19.20.15.pngBildschirmfoto 2026-06-16 um 19.20.15.png

Farbflächen bei Text auf Bild

Bildschirmfoto 2026-06-16 um 19.24.56.png
©Kristin Quickner
Bildschirmfoto 2026-06-16 um 19.24.56.pngBildschirmfoto 2026-06-16 um 19.24.56.png
Bildschirmfoto 2026-06-16 um 19.22.35.pngBildschirmfoto 2026-06-16 um 19.22.35.png
Bildschirmfoto 2026-06-16 um 19.22.59.pngBildschirmfoto 2026-06-16 um 19.22.59.png

On-Scroll Animation statt Karussell

Bildschirmfoto 2026-06-16 um 19.21.09.png
©Kristin Quickner
Bildschirmfoto 2026-06-16 um 19.21.09.pngBildschirmfoto 2026-06-16 um 19.21.09.png
Bildschirmfoto 2026-06-16 um 19.22.01.pngBildschirmfoto 2026-06-16 um 19.22.01.png

Erste Section Kaffeehäuser

Bildschirmfoto 2026-06-16 um 20.04.57.png
©Kristin Quickner
Bildschirmfoto 2026-06-16 um 20.04.57.pngBildschirmfoto 2026-06-16 um 20.04.57.png

Stand 10.06.

Bildschirmfoto 2026-06-10 um 14.21.25.png
©Kristin Quickner
Bildschirmfoto 2026-06-10 um 14.21.25.pngBildschirmfoto 2026-06-10 um 14.21.25.png
Bildschirmfoto 2026-06-10 um 14.21.38.pngBildschirmfoto 2026-06-10 um 14.21.38.png
Bildschirmfoto 2026-06-10 um 14.21.48.pngBildschirmfoto 2026-06-10 um 14.21.48.png

Unbenannt - 3. Juni 2026 11.36.25 2.jpg
©Kristin Quickner
Unbenannt - 3. Juni 2026 11.36.25 2.jpgUnbenannt - 3. Juni 2026 11.36.25 2.jpg
Unbenannt - 3. Juni 2026 14.pngUnbenannt - 3. Juni 2026 14.png
Unbenannt - 3. Juni 2026 11.36.25.jpgUnbenannt - 3. Juni 2026 11.36.25.jpg
Unbenannt - 3. Juni 2026 15.pngUnbenannt - 3. Juni 2026 15.png

Zwischenpräsentation

PDF Third_Places_Zwischenpräsi.pdf
©Kristin Quickner
Third_Places_Zwischenpräsi.pdf PDF Third_Places_Zwischenpräsi.pdf

Stand in Figma

https://www.figma.com/proto/f1N4eo4w6jCBumklHukXfU/KD6-UX-Storytelling?node-id=681-90&viewport=-1182%2C148%2C0.13&t=IuFVEHWZDJLExbKj-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=681%3A90&show-proto-sidebar=1&page-id=450%3A222

Weitere Ausarbeitungen erste Unterseite

Bildschirmfoto 2026-05-27 um 18.04.55.png
©Kristin Quickner
Bildschirmfoto 2026-05-27 um 18.04.55.pngBildschirmfoto 2026-05-27 um 18.04.55.png
Bildschirmfoto 2026-05-27 um 18.05.05.pngBildschirmfoto 2026-05-27 um 18.05.05.png
Bildschirmfoto 2026-05-27 um 18.05.26.pngBildschirmfoto 2026-05-27 um 18.05.26.png
Bildschirmfoto 2026-05-27 um 18.05.39.pngBildschirmfoto 2026-05-27 um 18.05.39.png
Bildschirmfoto 2026-05-27 um 18.05.47.pngBildschirmfoto 2026-05-27 um 18.05.47.png
Bildschirmfoto 2026-05-27 um 18.06.11.pngBildschirmfoto 2026-05-27 um 18.06.11.png
Bildschirmfoto 2026-05-27 um 18.05.56.pngBildschirmfoto 2026-05-27 um 18.05.56.png
Bildschirmfoto 2026-05-27 um 18.06.38.pngBildschirmfoto 2026-05-27 um 18.06.38.png
Bildschirmfoto 2026-05-27 um 18.06.46.pngBildschirmfoto 2026-05-27 um 18.06.46.png

Versuch einer Unterseite in Claude Design

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube
©Kristin Quickner
YouTube

Durch das Anzeigen des Inhalts von YouTube akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

YouTube vertrauen und Inhalt immer anzeigen
Video:Youtube

Ausarbeitung erste Unterseite

Bildschirmfoto 2026-05-20 um 17.11.06.png
©Kristin Quickner
Bildschirmfoto 2026-05-20 um 17.11.06.pngBildschirmfoto 2026-05-20 um 17.11.06.png

Zwei Unterseiten - Drei Sections

Bildschirmfoto 2026-05-13 um 17.06.36.png
©Kristin Quickner
Bildschirmfoto 2026-05-13 um 17.06.36.pngBildschirmfoto 2026-05-13 um 17.06.36.png
Bildschirmfoto 2026-05-13 um 17.06.47.pngBildschirmfoto 2026-05-13 um 17.06.47.png

Moodboards

BoldeFarben.jpg
©Kristin Quickner
BoldeFarben.jpgBoldeFarben.jpg

Silhouetten.jpg
©Kristin Quickner
Silhouetten.jpgSilhouetten.jpg

Wireframe (Themengliederung)

Bildschirmfoto 2026-04-29 um 17.39.37.png
©Kristin Quickner
Bildschirmfoto 2026-04-29 um 17.39.37.pngBildschirmfoto 2026-04-29 um 17.39.37.png
Bildschirmfoto 2026-04-29 um 17.40.19.pngBildschirmfoto 2026-04-29 um 17.40.19.png
Bildschirmfoto 2026-04-29 um 17.41.24.pngBildschirmfoto 2026-04-29 um 17.41.24.png
Bildschirmfoto 2026-04-29 um 17.41.30.pngBildschirmfoto 2026-04-29 um 17.41.30.png
Bildschirmfoto 2026-04-29 um 17.41.36.pngBildschirmfoto 2026-04-29 um 17.41.36.png
Bildschirmfoto 2026-04-29 um 17.42.06.pngBildschirmfoto 2026-04-29 um 17.42.06.png
Bildschirmfoto 2026-04-29 um 17.42.11.pngBildschirmfoto 2026-04-29 um 17.42.11.png

Strukturierung, Priorisierung, Recherche

MacBook Pro 14_ - 16.jpg
©Kristin Quickner
MacBook Pro 14_ - 16.jpgMacBook Pro 14_ - 16.jpg
MacBook Pro 14_ - 15.jpgMacBook Pro 14_ - 15.jpg
MacBook Pro 14_ - 14.jpgMacBook Pro 14_ - 14.jpg

PDF Fakten & Daten.pdf
©Kristin Quickner
Fakten & Daten.pdf PDF Fakten & Daten.pdf

Themenfindung

PDF Themenfindung.pdf
©Kristin Quickner
Themenfindung.pdf PDF Themenfindung.pdf

Impulsvortrag

PDF Impulsvortrag_Kino.pdf
©Kristin Quickner
Impulsvortrag_Kino.pdf PDF Impulsvortrag_Kino.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2026