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

Storytelling

1.) Grundideen

1. UX/UI:

- klassische Weinprobe 

- interaktive Reise durch die Weinregion, um verschiedene Geschmacksrichtungen zu erleben

- virtuelle Weinberge, sensorische Erlebnisse

- interaktive Geschmacksprofile 

- Geschichte zu der Triasepoche

2. Storytelling:

- Mythos

- Den Ursprung des Weinbaus in der Region

- Aufklärung 

- Geschichtlicher und geologischer Hintergrund 

3. Storytelling

- Geschichte der Triasepoche 

- Gesteine: Kristallin, Buntsandstein, Muschelkalk und Keuper

- Das Terroir: Trias, Aspekte und Schichtstufenmodell

- Der Boden: Pelosol und Rendzina

- Die Lebenswelten der Triasepoche anschaulicher darstellen

2.) Kurzbeschreibung Projekt

Die fränkische Trias ist einer der wichtigsten Bestandteile der Weinkultur, da sie durch ihre Bodenschichten und Gesteine das grundlegende Element für die Entstehung des Weins bildet. In meiner interaktiven Webstory „Boden und Wein“ haben User*innen die faszinierende Möglichkeit, durch verschiedene Epochen zu reisen und die Geschichte der fränkischen Trias zu erkunden. Die Webstory bietet interaktive Elemente, informative Inhalte sowie verständliche, klare und präzise wissenschaftliche Informationen, die es den Interessenten ermöglichen, die fränkische Trias näher kennenzulernen und ihr Wissen über diese geologische Formation zu erweitern.

3.) Formulierung Ausgangssituation, Problem, Lösung

Ausgangssituation:

Die Motivation für die Entwicklung einer umfassenden Website liegt in der geologischen Bedeutung und des wissenschaftlichen Interesses an der fränkischen Trias, insbesondere hinsichtlich ihrer verschiedenen Gesteinsschichten wie Kristallin, Buntsandstein, Muschelkalk und Keuper, sowie der Bedeutung des Schichtstufenmodells. Das Ziel ist es, eine Website zu schaffen, der es ermöglicht, umfassende Informationen über die fränkische Trias und ihre geologischen Eigenschaften zu verbreiten, um sowohl Fachleute als auch nicht erfahrene gleichermaßen zu informieren. 

Problem:

Es ist schwierig, die fränkische Trias vollständig und präzise zu verstehen, da die bestehenden Quellen und Informationen im Internet einige Mängel aufweisen. Die Vermittlung des Themas an ein breites Publikum wird durch komplexe wissenschaftliche Fachausdrücke, unvollständige Erklärungen und inkonsistente Darstellungen behindert. Für viele Geologie und Weininteressierte bleibt die fränkische Trias eine schwer zugängliche und nur oberflächlich verstandene Thematik.

Lösung:

Mit der erstellten Website wird dieses Problem gelöst. Die Plattform bietet eine umfassende und zugängliche Ressource für geologisches Wissen, indem Informationen über die fränkische Trias sorgfältig und verständlich dargestellt sind. Um die Informationen für ein breites Publikum zugänglich zu machen, basiert die Website auf wissenschaftlichen Erkenntnissen. Sie ist klar, präzise und dennoch in einer verständlichen Sprache umgesetzt.

4.) Recherche, Inhalte, Daten und Quellen

Recherche.jpegRecherche.jpeg

recherche.pngrecherche.png

Inspiration Schriftarten

Schriftart.pngSchriftart.png

5.) Storyline, Storyboard

Bildschirmfoto 2023-07-10 um 13.33.12-min.jpegBildschirmfoto 2023-07-10 um 13.33.12-min.jpeg
Bildschirmfoto 2023-07-10 um 13.33.24-min.jpegBildschirmfoto 2023-07-10 um 13.33.24-min.jpeg
Bildschirmfoto 2023-07-10 um 13.33.35-min.jpegBildschirmfoto 2023-07-10 um 13.33.35-min.jpeg

entschiedene Storyline

Bildschirmfoto 2023-07-10 um 13.33.41-min.jpegBildschirmfoto 2023-07-10 um 13.33.41-min.jpeg

Storyboard

storyboard.jpegstoryboard.jpeg

Storyboard neu.jpegStoryboard neu.jpeg

6.) Moodboard

Bildschirmfoto 2023-07-10 um 13.10.35-min.jpegBildschirmfoto 2023-07-10 um 13.10.35-min.jpeg
Bildschirmfoto 2023-07-10 um 13.10.42-min.jpegBildschirmfoto 2023-07-10 um 13.10.42-min.jpeg

Bildschirmfoto 2023-07-10 um 13.11.29-min.jpegBildschirmfoto 2023-07-10 um 13.11.29-min.jpeg
Bildschirmfoto 2023-07-10 um 13.11.22-min.jpegBildschirmfoto 2023-07-10 um 13.11.22-min.jpeg

7.) Wireframes

Wireframe4.pdf PDF Wireframe4.pdf
Wireframe1.pdf PDF Wireframe1.pdf
Wireframe3.pdf PDF Wireframe3.pdf

8.) Website-Designvarianten

Bilder + Illustrationen 

Bildschirmfoto 2023-07-10 um 13.43.23-min.jpegBildschirmfoto 2023-07-10 um 13.43.23-min.jpeg

Lineart

Bildschirmfoto 2023-05-30 um 18.19.06.pngBildschirmfoto 2023-05-30 um 18.19.06.png
Bildschirmfoto 2023-07-10 um 13.42.02-min.jpegBildschirmfoto 2023-07-10 um 13.42.02-min.jpeg

Illustration

Bildschirmfoto 2023-05-30 um 18.20.00.pngBildschirmfoto 2023-05-30 um 18.20.00.png
Bildschirmfoto 2023-07-10 um 13.44.05-min.jpegBildschirmfoto 2023-07-10 um 13.44.05-min.jpeg

geometrische Formen

Bildschirmfoto 2023-07-10 um 17.05.09.pngBildschirmfoto 2023-07-10 um 17.05.09.png
Bildschirmfoto 2023-07-10 um 17.03.46.pngBildschirmfoto 2023-07-10 um 17.03.46.png
Bildschirmfoto 2023-07-10 um 17.05.39.pngBildschirmfoto 2023-07-10 um 17.05.39.png
Bildschirmfoto 2023-07-10 um 17.06.03.pngBildschirmfoto 2023-07-10 um 17.06.03.png
Bildschirmfoto 2023-07-10 um 17.06.50.pngBildschirmfoto 2023-07-10 um 17.06.50.png
Bildschirmfoto 2023-07-10 um 17.07.08.pngBildschirmfoto 2023-07-10 um 17.07.08.png
Bildschirmfoto 2023-07-10 um 17.07.17.pngBildschirmfoto 2023-07-10 um 17.07.17.png
Bildschirmfoto 2023-07-10 um 17.07.30.pngBildschirmfoto 2023-07-10 um 17.07.30.png
Bildschirmfoto 2023-07-10 um 17.17.36.pngBildschirmfoto 2023-07-10 um 17.17.36.png
Bildschirmfoto 2023-07-10 um 17.18.00.pngBildschirmfoto 2023-07-10 um 17.18.00.png
Bildschirmfoto 2023-07-10 um 17.18.29.pngBildschirmfoto 2023-07-10 um 17.18.29.png
Bildschirmfoto 2023-07-10 um 17.18.53.pngBildschirmfoto 2023-07-10 um 17.18.53.png
Bildschirmfoto 2023-07-10 um 17.18.39.pngBildschirmfoto 2023-07-10 um 17.18.39.png
Bildschirmfoto 2023-07-10 um 17.19.36.pngBildschirmfoto 2023-07-10 um 17.19.36.png
Bildschirmfoto 2023-07-10 um 17.19.11.pngBildschirmfoto 2023-07-10 um 17.19.11.png
Bildschirmfoto 2023-07-10 um 17.19.24.pngBildschirmfoto 2023-07-10 um 17.19.24.png

Illustrative Formen

Bildschirmfoto 2023-07-10 um 17.24.45.pngBildschirmfoto 2023-07-10 um 17.24.45.png
Bildschirmfoto 2023-07-10 um 17.24.36.pngBildschirmfoto 2023-07-10 um 17.24.36.png
Bildschirmfoto 2023-07-10 um 17.25.03.pngBildschirmfoto 2023-07-10 um 17.25.03.png
Bildschirmfoto 2023-07-10 um 17.25.16.pngBildschirmfoto 2023-07-10 um 17.25.16.png
Bildschirmfoto 2023-07-10 um 17.25.27.pngBildschirmfoto 2023-07-10 um 17.25.27.png

Strukturen

Bildschirmfoto 2023-07-10 um 17.29.09.pngBildschirmfoto 2023-07-10 um 17.29.09.png
Bildschirmfoto 2023-07-10 um 17.29.36.pngBildschirmfoto 2023-07-10 um 17.29.36.png
Bildschirmfoto 2023-07-10 um 17.30.07.pngBildschirmfoto 2023-07-10 um 17.30.07.png

9.) Finale Designvariante

Bildschirmfoto 2023-07-10 um 18.00.24.pngBildschirmfoto 2023-07-10 um 18.00.24.png
Bildschirmfoto 2023-07-10 um 18.00.17.pngBildschirmfoto 2023-07-10 um 18.00.17.png
Bildschirmfoto 2023-07-10 um 18.00.31.pngBildschirmfoto 2023-07-10 um 18.00.31.png
Bildschirmfoto 2023-07-10 um 18.00.38.pngBildschirmfoto 2023-07-10 um 18.00.38.png
Bildschirmfoto 2023-07-10 um 18.01.04.pngBildschirmfoto 2023-07-10 um 18.01.04.png
Bildschirmfoto 2023-07-10 um 18.01.14.pngBildschirmfoto 2023-07-10 um 18.01.14.png
Bildschirmfoto 2023-07-10 um 18.02.16.pngBildschirmfoto 2023-07-10 um 18.02.16.png
Bildschirmfoto 2023-07-10 um 18.01.33.pngBildschirmfoto 2023-07-10 um 18.01.33.png
Bildschirmfoto 2023-07-10 um 18.01.55.pngBildschirmfoto 2023-07-10 um 18.01.55.png
Bildschirmfoto 2023-07-10 um 18.02.37.pngBildschirmfoto 2023-07-10 um 18.02.37.png
Bildschirmfoto 2023-07-10 um 18.02.50.pngBildschirmfoto 2023-07-10 um 18.02.50.png
Bildschirmfoto 2023-07-10 um 18.03.21.pngBildschirmfoto 2023-07-10 um 18.03.21.png
Bildschirmfoto 2023-07-10 um 18.03.40.pngBildschirmfoto 2023-07-10 um 18.03.40.png
Bildschirmfoto 2023-07-10 um 18.03.49.pngBildschirmfoto 2023-07-10 um 18.03.49.png

10.) Finaler Prototyp

11.) Mobile Variante

12.) Präsentation

Boden und Wein-Präsi.pdf PDF Boden und Wein-Präsi.pdf

13.) Styleguide

Styleguide.pngStyleguide.png

14.) Showreel/Screencast

15.) Präsentationsvideo

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD4)

Entstehungszeitraum

Sommersemester 2023