Impressum

Gestaltung

Daria Ruginis, Katrin Förster, Merle Bräuer

User Centered Design

Sommersemester 2025

Betreuung durch Prof. Götz Greiner und Dipl.-Phys. Thomas Severiens

Studiengang

Medienwirtschaft und Journalismus

Jade Hochschule

Wilhelmshaven, 2025

Verwendete Schriften

  • Texte und Navigationsleiste: Nunito
  • Logo Titel: ADLaM Display Regular
  • Logo Slogan: A Day Without Sun Text Bold

Quellen

  • Logo: selbst erstellt
  • Seehund Simon: selbst erstellt
  • Stadtkarte: selbst erstellt
  • Abenteuerkarte: https://www.w3schools.com
  • Vereinsseite: https://www.w3schools.com
  • Event-Kalender:
    • https://www.w3schools.com
    https://www.geeksforgeeks.org
    https://wiki.selfhtml.org
    https://developer.mozilla.org/de/
  • FAQ: https://www.w3schools.com
  • Audios: selbst eingesprochen, Stimme mithilfe von ChatGPT verändert
    Prompt:
    „Ich arbeite daran, eine Website zu programmieren und möchte Audios einsprechen, die dann beim Drücken auf ein Lautsprechersymbol abgespielt werden sollen. Allerdings gibt es auf der Website ein Maskottchen, Seehund Simon, der sprechen soll, wenn man auf den Lautsprecher drückt. Die Website ist für Kinder (bis 12 Jahre), dementsprechend soll die Stimme von Simon passend zu seiner Figur sein und für Kinder ansprechend. Ich habe eine Frauenstimme. Ist es möglich, dass ich dir das Audio sende und du nichts an dem Inhalt veränderst und das, was ich gesagt habe, genau so lässt, sondern einfach nur die Tonlage veränderst, sodass es zu Seehund Simon passt?“

    „Jetzt klingt es wie Slow Motion. Die Stimme klingt nur tiefer. Das gefällt mir leider noch nicht. Orientiere dich bitte daran, wie Figuren oder Tiere in Kinderserien klingen. Simon sollte nett und aufgeweckt klingen. Und verändere bitte auch nicht die Geschwindigkeit.“
  • Fotoquellen:
    Pixabay.com
    Pexels.com
    Hintergrundbild: ChatGPT
    Prompt:
    „Die Seite soll für Wilhelmshaven sein. Kannst du mir in den Hintergrund vielleicht noch die Kaiser-Wilhelm-Brücke einbauen, die ja typisch für Wilhelmshaven ist?“
    „Bitte gebe mir genau dieses Bild im Hintergrund aus ohne die Objekte (Textblöcke, Navigationsleiste, Seehund, ...) im Vordergrund.“ Danach weitere Farbanpassungen des Bildes in Photoshop.
  • Junior Ranger Foto: ChatGPT
    Prompt:
    „Kannst du mir ein realistisches Foto generieren, wo das Wattenmeer (Nordseeküste Wilhelmshaven) zu sehen ist und von hinten ein paar Kinder zwischen 8–10 Jahren, die Junior Ranger sind und das Wattenmeer erkunden?“
  • Pfadfinder Foto: ChatGPT
    Prompt:
    „Ich benötige noch ein Foto von Pfadfindern etwa im Alter von 10–12 Jahren. Die Kinder sollen auch nur von hinten und weiter weg zu sehen sein und irgendwie in der Natur sein (Wald oder ähnliches).“
  • Logos (Vereinsseite):

Lizenzhinweise

Copyright 2016 The Nunito Project Authors
(https://github.com/googlefonts/nunito)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
Diese Lizenz ist auch verfügbar unter:
https://openfontlicense.org

SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007