Über mich
Portfolio
Kontakt
Portfolio
von Juliane Wrocklage - Media & Interaction Designerin
DAS BIN ICH
Ein frontales Bild von Jule
Hey, ich bin Juliane oder kurz: Jule. Ich studiere im 8. Semester Media & Interaction Design in Osnabrück. Ich begeistere mich für alles was mit UX/UI Design und 3D Visualisierung zutun hat. Egal, ob interaktive Lernanwendungen, die Modellierung von realen und fiktiven Räumen oder das Gestalten von Websites, ich begeistere mich für jede Herausforderung, die neue Aufgaben/Programme und Tools mit sich bringt.

Hey, ich bin Juliane oder kurz: Jule. Ich studiere im 8. Semester Media & Interaction Design in Osnabrück. Ich begeistere mich für alles was mit UX/UI Design und 3D Visualisierung zutun hat. Egal, ob interaktive Lernanwendungen, die Modellierung von realen und fiktiven Räumen.
KOMPETENZEN
Hier siehst du die Programme, Tools und Programmiersprachen mit denen ich bereits gearbeitet und experimentiert habe.
Adobe InDesign CC logo Blender logo (without text)
PORTFOLIO
Hier sind alle Arbeiten auf einen Blick.
01 3D-Modell Büro
02 Project Mapping
03 Tawk
04 Fotografie
05 Schleifwerkstatt
03 Tawk
Tawk ist ein in einer Dreier-Gruppe entwickeltes Studienprojekt. Die App soll in Situationen helfen, in denen zwischen zwei Menschen unangenehme Still entsteht. Dabei matched sie gleiche Interessen und gibt über eine personalisierbare KI Ideen für Gesprächsthemen aus.

Meine Aufgaben waren die gemeinsame Konzeptionierung der App, das Einbinden der KI-Funktion und die Mitgestaltung der UI.
Zwei Menschen treffen sich und drücken auf den großen Button ihrer Tawk App, in der sie Zuhause schon Themen rausgesucht haben, die sie interessieren.
Die Tawk App auf ihren Handys verbindet sich über Bluetooth.
Ein Algorythmus sucht nach gleichen Interessensgebieten und speichert sie in einem Array.
Die Chat-KI nimmt die Topics mit in den Prompt auf, der sie auffordert eine Idee bezüglich dieses Themas zu formulieren.
Die Text-To-Speech API wandelt den Chat in eine Sprachausgabe um.
Low Fidelity
Um ein besonders kohärentes Design zu schaffen und eine klare Navigation haben wir uns entschieden die Komponenten der Material Design Bibliothek von Google zu verwenden. Durch einige Low-Fidelity Prototypen und Evaluierungen durch Mitstudenten entstand das finale Design.
Die Farben wirken freundlich und kommunkativ, aber auch nicht zu aufdringlich. Unsere Zielgruppe der introvertierten Personen soll sich wohlfühlen, wenn sie durch die App navigieren.
#9AD7D8
#6CA58B
#EAC323
  async submit() {
    this.topic = await this.topicDataService.giveTopic();
    if (this.topic !== undefined) {
      try {
        const response = await axios.post('https://api.openai.com/v1/chat/completions', {
          messages: [
            {
              "role": "system",
              "content": "Give me a question to start a conversation about " + this.topic + ".It must be easy to understand, simple language and short. But not the first thing that comes to mind."
            }
          ],
          max_tokens: 70,
          model: "gpt-3.5-turbo"
        }, {
          headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Bearer hier-steht-ein-geheimer-API-key'
          }
        });
        this.chatResponse = response.data.choices[0].message.content;
        console.log(this.chatResponse);
        this.textToVoice();
      } catch (error) {
        console.error('Fehler bei Chat API Anfrage', error);
      }
    } else {
      alert('No more topics');
      this.stopConnection();
    }
  }
Hier kannst du den Figma Prototypen austesten!
(Der Figma Prototyp beinhaltet keine KI und ist nur eine visuelle Darstellung der App)
04 Fotos
Diese Fotoreihen sind in einem Fotogroafie-Modul sowie in Eigeninitiative entstanden.
Aus einer Sammlung von zwei bis fünf Fotos bildet sich eine Reihe.
Produktfotografie
Kästchen
Architekturfotografie
Roter Blockbau
Nahaufnahmen
Botanischer Garten
Portraits
Frau vor Haus
02 Van Gogh
Für das Visiodrom in Wuppertal entstand in einer Dreier-Gruppe ein Project Mapping zu Vincent Van Goghs Leben.
Dabei liegt der Fokus auf den Briefen, die Van Gogh geschrieben hat.
Endszene
Briefe fallen und die brennende Kerze geht aus, symbolisch für das Ableben Van Goghs.
Zuletzt unterschreibt er den Brief mit seinem Namen, die Szene fadet aus und hinterlässt den Besucher in einem dunklen Raum.
01 Büro
Das 3D-Modell des Büros von der Werbeagentur Kopf und Hand ist als eigenständiges Projekt in meinem Praxissemesters entstanden. Dieses dient zur interaktiven Nutzung auf der Agentur-Website.
So sieht das Modell ohne Textur aus.
Das ist das fertige Modell mit gebackener Textur und Belichtung.
Um die Textur richtig auf das Modell zu legen muss das Modell UV-Unwrapped werden.
Dann kann die Textur oder Texturen auf das einzelne Objekt gelegt werden.
Dann kann die Textur oder Texturen auf das einzelne Objekt gelegt werden.
Dann kann die Textur oder Texturen auf das einzelne Objekt gelegt werden.