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

DEEN TRACKER

Prototyp

Werkschau

IMG_6684-2.jpgIMG_6684-2.jpg

Mit Plakat und Sticker.

UI Elemente

ganz 2.gifganz 2.gif

–––––––––––––––

3. Juli | Abschlusspräsentation, fertiger Prototyp

präsi5.pngpräsi5.png
präsi6.pngpräsi6.png
präsi4.pngpräsi4.png
präsi3.pngpräsi3.png
präsi2.pngpräsi2.png
präsi1.pngpräsi1.png

Ich habe den Prototypen fertig gestellt und noch Animationen eingefügt, die beispielsweise das Dropdownmenü erklären etc.

Screenshot 2023-07-03 at 10.00.41.pngScreenshot 2023-07-03 at 10.00.41.png
Screenshot 2023-07-03 at 10.01.18.pngScreenshot 2023-07-03 at 10.01.18.png

26. Juni | Design größtenteils fertig

Ich habe das Design und fast alle Seiten fertig gestellt. Mir fehlen jetzt nur noch ein paar kleine Details.

Screenshot 2023-06-26 at 10.41.18.pngScreenshot 2023-06-26 at 10.41.18.png
Screenshot 2023-06-26 at 09.48.27.pngScreenshot 2023-06-26 at 09.48.27.png
Screenshot 2023-06-26 at 09.50.10.pngScreenshot 2023-06-26 at 09.50.10.png
Screenshot 2023-06-26 at 09.49.38.pngScreenshot 2023-06-26 at 09.49.38.png
Screenshot 2023-06-26 at 09.47.46.pngScreenshot 2023-06-26 at 09.47.46.png

12. Juni | Design, Wireframes Details

Ich habe ein paar Details und Statistiken zu den Wireframes hinzugefügt. Außerdem habe ich an dem Design angefangen und angefangen mir die Fragen zu stellen wie die einzelnen UI Elemente aussehen sollen.

Screenshot 2023-06-12 at 11.21.39.pngScreenshot 2023-06-12 at 11.21.39.png
Screenshot 2023-06-12 at 11.21.53.pngScreenshot 2023-06-12 at 11.21.53.png
Screenshot 2023-06-12 at 11.22.21.pngScreenshot 2023-06-12 at 11.22.21.png
Screenshot 2023-06-12 at 11.22.48.pngScreenshot 2023-06-12 at 11.22.48.png
Screenshot 2023-06-12 at 11.23.02.pngScreenshot 2023-06-12 at 11.23.02.png

5. Juni | Wireframes fertig, 3 Designideen

Ich habe die Wireframes weitestgehend fertig gestellt und Details, wie kleine Menüs, die noch gefehlt haben hinzugefügt. Des Weiteren habe ich noch weitere Designideen erstellt, um mich für ein zu entscheiden.

Screenshot 2023-06-05 at 09.21.41.pngScreenshot 2023-06-05 at 09.21.41.png
Screenshot 2023-06-05 at 09.22.02.pngScreenshot 2023-06-05 at 09.22.02.png
Screenshot 2023-06-05 at 09.20.41.pngScreenshot 2023-06-05 at 09.20.41.png
Screenshot 2023-06-05 at 09.20.54.pngScreenshot 2023-06-05 at 09.20.54.png
Screenshot 2023-06-05 at 09.21.12.pngScreenshot 2023-06-05 at 09.21.12.png
Screenshot 2023-06-05 at 09.21.28.pngScreenshot 2023-06-05 at 09.21.28.png

22. Mai | Zwischenpräsi, Wireframes und Design

Ich habe die Zwischenpräsentation erstellt. Außerdem habe ich die Wireframes erweitert. Vor Allem haben sich das Dashboard, Aufgaben, Notizen und das Menü verändert. Im Dashboard habe ich schon etwas mit einer Designvariante angefangen.

Screenshot 2023-05-22 at 08.56.47.pngScreenshot 2023-05-22 at 08.56.47.png
Screenshot 2023-05-22 at 08.52.04.pngScreenshot 2023-05-22 at 08.52.04.png
Screenshot 2023-05-22 at 08.52.25.pngScreenshot 2023-05-22 at 08.52.25.png
Screenshot 2023-05-22 at 08.52.18.pngScreenshot 2023-05-22 at 08.52.18.png

Screenshot 2023-05-22 at 08.50.30.pngScreenshot 2023-05-22 at 08.50.30.png
Screenshot 2023-05-22 at 08.50.18.pngScreenshot 2023-05-22 at 08.50.18.png
Screenshot 2023-05-22 at 08.51.06.pngScreenshot 2023-05-22 at 08.51.06.png
Screenshot 2023-05-22 at 08.50.55.pngScreenshot 2023-05-22 at 08.50.55.png
Screenshot 2023-05-22 at 08.50.40.pngScreenshot 2023-05-22 at 08.50.40.png

15. Mai | Wireframes 3

Ich habe die Menüzeile im Abschnitt Quran verändert und Info und Tasfir als Überpunkte hinzugefügt. Des weitern gibt es einen Player, Dashboard,  Aufgabenbereich und eine PDF Ansicht für Notizen und Bücher.

Screenshot 2023-05-15 at 12.36.26.pngScreenshot 2023-05-15 at 12.36.26.png
Screenshot 2023-05-15 at 12.36.46.pngScreenshot 2023-05-15 at 12.36.46.png
Screenshot 2023-05-15 at 12.37.27.pngScreenshot 2023-05-15 at 12.37.27.png
Screenshot 2023-05-15 at 12.37.38.pngScreenshot 2023-05-15 at 12.37.38.png
Screenshot 2023-05-15 at 12.38.04.pngScreenshot 2023-05-15 at 12.38.04.png
Screenshot 2023-05-15 at 12.38.27.pngScreenshot 2023-05-15 at 12.38.27.png
Screenshot 2023-05-15 at 12.38.38.pngScreenshot 2023-05-15 at 12.38.38.png

8. Mai | Wireframes 2

Ich habe neue Wireframes erstellt und diesmal den Quran in den Vordergrund gestellt.

Screenshot 2023-05-08 at 10.28.10.pngScreenshot 2023-05-08 at 10.28.10.png
Screenshot 2023-05-08 at 10.28.43.pngScreenshot 2023-05-08 at 10.28.43.png
Screenshot 2023-05-08 at 10.28.58.pngScreenshot 2023-05-08 at 10.28.58.png

25. April | Wireframes, User Flow

Ich habe die Funktionen sortiert, zusammengefügt und unwichtige rausgelöscht. Danach habe ich User Journeys und die ersten Wireframes erstellt.

notes - Funk.jpgnotes - Funk.jpg
notes - User Flow.jpgnotes - User Flow.jpg
Screenshot 2023-04-24 at 04.02.33.pngScreenshot 2023-04-24 at 04.02.33.png

17. April | Deen Tracker Funktionen

Ich habe alle Funktionen gesammelt, geordnet und eine Funktionsbewertung erstellt. Außerdem habe ich ein erstes Moodboard, ein Plakat und die Konzeptdefinition erstellt.

Screenshot 2023-04-17 at 12.21.29.pngScreenshot 2023-04-17 at 12.21.29.png
notes - ##.jpgnotes - ##.jpg
Screenshot 2023-04-17 at 12.23.50.pngScreenshot 2023-04-17 at 12.23.50.png

plakat pitch2.jpgplakat pitch2.jpg

Screenshot 2023-04-17 at 11.29.30.pngScreenshot 2023-04-17 at 11.29.30.png

30. März | Idee Tagträumen und Deen Tracker

Screenshot 2023-03-30 at 11.42.06.pngScreenshot 2023-03-30 at 11.42.06.png

Ich habe mögliche Funktionen rausgesucht und mir die bekanntesten und beliebtesten Apps zu dem Thema rausgesucht.

Screenshot 2023-03-30 at 11.41.13.pngScreenshot 2023-03-30 at 11.41.13.png

Hier habe ich positive Faktoren zu dem Thema Tagträumen recherchiert. Da die einzige Methode, um das zu trainieren Meditation ist, habe ich mich gegen das Thema entschieden. Vergleichbare Apps zu dem Thema gab es nicht wirklich.

27. März | Erste Ideen

Screenshot 2023-03-30 at 11.43.43.pngScreenshot 2023-03-30 at 11.43.43.png

Ich habe ein erstes Brainstorming zu drei verschiedenen Ideen gemacht.

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Höher, schneller, weiter?

Entstehungszeitraum

Sommersemester 2023