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

UX- und Storytelling

1) Arbeitstitel und Titelbild

FRÄNKISCHE TRIAS

2) Grundideen

1. Bocksbeutel

  • Geschichte der Flaschenform

  • Buntsandstein (aus dem das Glas besteht)

  • Glasmacher „ronde Flasche“ Mythen

  • 1726 Staatratsbeschluss in Würzburg

  • -- Rheinwein und Steinwein (Frankenwein) ((-> hochbegehrt und teuer, mit einem Siegel versehen)

  • Kommt Flasche vom Ziegenbock (Eier) oder Mönch (Beutel)?

  • Pilgerflasche, damit Flasche nicht anfängt zu schlackern, sondern flachliegt

  • Peter Schmidt (Bocksbeutel)

2. Biodiversität

  • \= biologische Vielfalt

  • Flora & Fauna (Insekten und Vögel sterben)

  • Prozesse im Ökosystem

  • Genetische Vielfalt

  • Klimastadium = Wälder (wenn es keinen Menschen gäbe)

  • gewisse Tierarten haben sich mit Kulturräumen entwickelt (weil der Mensch da ist)

  • Artenvielfalt auch verschiedene Kulturräume

  • 20 Mio Vögel sterben jährlich durch Hauskatzen

  • Versiegelung der Landschaft durch Unternehmen etc.

3. Fränkische Trias

  • Geschichte des Terroirs = Herkunft des Weines

  • Buntsandstein, Muschelkalk, Keuper

  • Cerati Nodosus

  • Rebsorte, Geschmack, Minerale

  • Boden + Meer

3) Kurzbeschreibung Projekt

Die Fränkische Trias ist eine geologische Formation in Deutschland, die für ihre faszinierenden Gesteinsschichten bekannt ist. Das Hauptziel der Website ist es, den Besuchern ein umfassendes Verständnis dieser Formation zu vermitteln.

Ein zentrales Merkmal der Website ist ein interaktives 3D-Modell, das die einzelnen Schichten der Fränkischen Trias anschaulich darstellt. 

Die Website wird auch Informationen über die geologische Entstehung, die Eigenschaften und den Geschmack der Fränkischen Trias enthalten.

4) Formulierung Ausgangssituation, Problem, Lösung

Ausgangssituation:

Die Fränkische Trias ist eine bedeutende geologische Formation in Deutschland, die jedoch vielen Menschen wenig bekannt ist. Es gibt nur begrenzte Informationsquellen über diese faszinierende Formation, und bestehende Informationen sind oft schwer zugänglich oder komplex zu verstehen. Es fehlt an einer zentralen und benutzerfreundlichen Plattform, die es ermöglicht, die Fränkische Trias und ihre einzelnen Schichten anschaulich zu präsentieren.

Problem:

Das mangelnde Verständnis und die begrenzte Verfügbarkeit von Informationen über die Fränkische Trias erschweren es Interessierten, Studenten und Forschern, sich mit dieser Formation auseinanderzusetzen. Es besteht Bedarf an einer benutzerfreundlichen und informativen Website, die es ermöglicht, die Fränkische Trias besser zu verstehen, ihre Bedeutung zu erkennen und ihre Komplexität zu erfassen.

Lösung:

Die Lösung besteht in der Erstellung einer umfassenden Website über die Fränkische Trias. Diese Website wird ein interaktives 3D-Modell enthalten, das die einzelnen Schichten der Formation veranschaulicht. Die Besucher haben die Möglichkeit, dieses Modell zu erkunden, wichtige geologische Merkmale zu entdecken und ein besseres Verständnis für die Fränkische Trias zu entwickeln.

5) Recherche, Inhalte, Daten & Quellen

Die Texte und Infos habe ich aus den Vorlagen, die uns die LWG bereitgestellt hat. Wenige Infos stammen aber auch aus einigen Website-Einträgen.

Bildschirmfoto 2023-05-16 um 17.06.09.pngBildschirmfoto 2023-05-16 um 17.06.09.png
Bildschirmfoto 2023-05-16 um 17.06.38.pngBildschirmfoto 2023-05-16 um 17.06.38.png
Bildschirmfoto 2023-05-16 um 17.06.45.pngBildschirmfoto 2023-05-16 um 17.06.45.png
Bildschirmfoto 2023-05-16 um 17.07.50.pngBildschirmfoto 2023-05-16 um 17.07.50.png
Bildschirmfoto 2023-05-16 um 17.07.56.pngBildschirmfoto 2023-05-16 um 17.07.56.png
Bildschirmfoto 2023-05-16 um 17.08.17.pngBildschirmfoto 2023-05-16 um 17.08.17.png
Bildschirmfoto 2023-05-16 um 17.08.46.pngBildschirmfoto 2023-05-16 um 17.08.46.png
Bildschirmfoto 2023-05-16 um 17.08.24.pngBildschirmfoto 2023-05-16 um 17.08.24.png

Bildschirmfoto 2023-05-02 um 18.03.29.pngBildschirmfoto 2023-05-02 um 18.03.29.png
Bildschirmfoto 2023-05-02 um 18.02.34.pngBildschirmfoto 2023-05-02 um 18.02.34.png
Bildschirmfoto 2023-05-02 um 18.03.47.pngBildschirmfoto 2023-05-02 um 18.03.47.png

6) Storyline, Spannungsbogen, Mindmap

storyline2.pdf PDF storyline2.pdf

7) Moodboard

moodboardFT.pdf PDF moodboardFT.pdf

8) Skizzen, erste Layouts, erste Prototypen

Bildschirmfoto 2023-05-02 um 18.03.29.pngBildschirmfoto 2023-05-02 um 18.03.29.png

IMG_6846.jpegIMG_6846.jpeg
IMG_6845.jpegIMG_6845.jpeg

9) Designvarianten

desifnvarianteFT-2.pdf PDF desifnvarianteFT-2.pdf

10) finales Design

11) Prototyp

12) Testing

13) Finaler Prototyp / Link Figma, Webflow

14) Styleguide

styleguide.pdf PDF styleguide.pdf

15) Screencast

16) Präsentationsvideo

Besuch bei LWG

34612E78-A95E-45D7-8AE5-CE82C8346DF9.jpeg34612E78-A95E-45D7-8AE5-CE82C8346DF9.jpeg
4B18039C-38F4-4726-BE89-64655B0E0A5C.jpeg4B18039C-38F4-4726-BE89-64655B0E0A5C.jpeg
53990561-3895-4D03-9FF1-6BE683BD20A5.jpeg53990561-3895-4D03-9FF1-6BE683BD20A5.jpeg
53F08BBE-4467-470B-AE81-F4D126BAA1ED.jpeg53F08BBE-4467-470B-AE81-F4D126BAA1ED.jpeg
277EB2D2-200E-43A5-825B-C274E028D29D.jpeg277EB2D2-200E-43A5-825B-C274E028D29D.jpeg
B76A8B18-4A2C-42E0-870A-D5FA2FEA6357.jpegB76A8B18-4A2C-42E0-870A-D5FA2FEA6357.jpeg
43CEBF25-7282-4DD6-87B3-C4DF0F83A2E9.jpeg43CEBF25-7282-4DD6-87B3-C4DF0F83A2E9.jpeg
92012EBA-8554-4CDF-BA03-7D57C586F866.jpeg92012EBA-8554-4CDF-BA03-7D57C586F866.jpeg
6429AB38-61F7-4094-A7C9-6C901548B7CB.jpeg6429AB38-61F7-4094-A7C9-6C901548B7CB.jpeg
0E2949B7-20F5-4C74-B6E5-0D6CD3C597AF.jpeg0E2949B7-20F5-4C74-B6E5-0D6CD3C597AF.jpeg
FF2410D8-5F67-43A2-96F4-3E542BEE0E67.jpegFF2410D8-5F67-43A2-96F4-3E542BEE0E67.jpeg
10C0C845-29AC-47BC-A802-31F7CC7C613E.jpeg10C0C845-29AC-47BC-A802-31F7CC7C613E.jpeg
DECE567B-9BBA-487D-9F8D-37EF9FA0C972.jpegDECE567B-9BBA-487D-9F8D-37EF9FA0C972.jpeg
9D5E6E21-A479-48F0-82AD-DD5D8BDC975B.jpeg9D5E6E21-A479-48F0-82AD-DD5D8BDC975B.jpeg
F21A7E16-D18A-4CF4-A646-6BD963E4D420.jpegF21A7E16-D18A-4CF4-A646-6BD963E4D420.jpeg
0DD3864E-4844-433E-AD67-B54379EDCF38.jpeg0DD3864E-4844-433E-AD67-B54379EDCF38.jpeg
3E401BCF-29CC-4DEC-9AB6-19F27BB68B63.jpeg3E401BCF-29CC-4DEC-9AB6-19F27BB68B63.jpeg
925B28D5-E825-403C-BD2C-DB012BC3E2F9.jpeg925B28D5-E825-403C-BD2C-DB012BC3E2F9.jpeg
0777182A-5454-4142-9939-BF076F9C03CD.jpeg0777182A-5454-4142-9939-BF076F9C03CD.jpeg
917BDB2C-306F-44DC-BFF7-A913DFAA7095.jpeg917BDB2C-306F-44DC-BFF7-A913DFAA7095.jpeg
C74C02EC-B7A8-4699-99DF-C20FF1ECBA7D.jpegC74C02EC-B7A8-4699-99DF-C20FF1ECBA7D.jpeg
E3B170D4-351C-4DC1-A4F9-E8DEE61BA2D2.jpegE3B170D4-351C-4DC1-A4F9-E8DEE61BA2D2.jpeg
1C90A7D8-204B-4C44-97B8-7E723F87A61D.jpeg1C90A7D8-204B-4C44-97B8-7E723F87A61D.jpeg
7F924D98-3EF6-4FA5-B775-DE688E230B68.jpeg7F924D98-3EF6-4FA5-B775-DE688E230B68.jpeg
328D3A2E-4620-47BA-809E-41553902BCC5.jpeg328D3A2E-4620-47BA-809E-41553902BCC5.jpeg
A833C773-92C8-4620-AF32-C93E29A6D668.jpegA833C773-92C8-4620-AF32-C93E29A6D668.jpeg

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD4)

Entstehungszeitraum

Sommersemester 2023