![ICON UIUX](https://static.wixstatic.com/media/573a18_ff42b11f91294fc5aa331a90e857baf9~mv2.png/v1/fill/w_442,h_425,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ICON%20UIUX.png)
UI/UX
"UX" bedeutet User Experience - also die Nutzererfahrung, bzw. das Benutzererlebnis mit einem Produkt. Dabei spielt es keine Rolle, ob digital oder analog. Das User Interface, also "UI", ist das Element (Interface = Schnittstelle), worüber Nutzer mit einer interaktiven Anwendung interagieren.
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1136,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1244,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1118,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1118,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1136,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1245,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
Wo möchtest du hin?
Damit du auch in Zukunft einen guten Überblick über meine zahlreichen Projekte behältst, kannst du mit diesem Inhaltsverzeichnis gleich zu der Kreation springen, die dein Interesse geweckt hat.
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
RE-Design Webseite
Das Atom
Im Zuge des Corporate RE-Designs vom J-Stuff Store "Das Atom", wurde die Webseite erneuert. Angepasst an die neuen Gestaltungselemente und Richtlinien, bietet das Menü für die Kunden und potentiellen neuen Besucher alle relevanten Inhalte. Ein langweiliger Web-Auftritt ist Schnee von gestern, nachdem Genshi erstmal jeden Abschnitt infiltriert hat. Wer das Reich des kleinen Atom-Geschöpfes betritt, soll ja schließlich unterhalten werden.
Desktop Version - Startseite
![Das Atom Website Desktop](https://static.wixstatic.com/media/573a18_afe2f576090849ff9bc97bf7003d9498~mv2.png/v1/crop/x_7,y_0,w_1913,h_7845/fill/w_559,h_2292,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_afe2f576090849ff9bc97bf7003d9498~mv2.png)
App Version - Startseite
![Das Atom Website App](https://static.wixstatic.com/media/573a18_86a71241b66e4f3bafafa5fff7594359~mv2.png/v1/fill/w_268,h_2272,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_86a71241b66e4f3bafafa5fff7594359~mv2.png)
Interaktive Ansicht
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
Desktop
Das Gelbe vom Ei
Der Künstlerbedarf Laden Das Gelbe vom Ei benötigte für seinen Internetauftritt eine eigene Webseite. Damit Hobbykünstler vor ihrem Besuch im Geschäft informiert über die Produktpalette sind, sowie bei Bedarf den Händler kontaktieren können, hat die Startseite beide Unterpunkte klar ersichtlich für alle im Menü. Damit die Kunstbegeisterten dann auch noch ihren Weg zum Shop gewatschelt kriegen, gibt es die Adresse und die Navigation auf der Karte am Ende der Seite.
Startseite
![Das Gelbe vom Ei Website Desktop](https://static.wixstatic.com/media/573a18_5b22e8c0142e42aeb5e4208802b895fa~mv2.png/v1/fill/w_705,h_1490,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_5b22e8c0142e42aeb5e4208802b895fa~mv2.png)
Interaktive Ansicht
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
RE-Design Webseite
Designschule Schwerin
Um noch mehr potentielle Studenten für sich zu gewinnen, hat die Designschule Schwerin beschlossen ihren Web-Auftritt überarbeiten zu lassen. Nach einer aufwendigen Analyse des IST-Zustands erfolgte eine umfangreiche Umgestaltung. Viele interaktive Elemente wurden hinzugefügt um das Durchforsten der einzelnen Abschnitte interessant zu gestalten, sowie ein dunkles Design um die Benutzerfreundlichkeit zu steigern und die Augen für all jene zu schonen, die hellere Oberflächen weniger gut vertragen. Das stringente Farbdesign trägt zur Einheitlichkeit der gesamten Seite bei. Die klar abgegrenzten Textblöcke unterstützten dabei die Übersichtlichkeit, um für die jeweiligen Bereiche relevanten Informationen verständlich an die Besucher zu übermitteln. Auch die Navigation wurde erheblich verbessert. So haben alle Interessenten keine Schwierigkeiten mehr dabei, gleich zu den Themen zu gelangen die sie nachschlagen wollen.
Desktop Version Weiß - Startseite
![Designschule Desktopversion Startseite Weiß](https://static.wixstatic.com/media/573a18_ab67e8d0ff574fec9d336702bb105212~mv2.png/v1/fill/w_451,h_2027,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_ab67e8d0ff574fec9d336702bb105212~mv2.png)
Desktop Version Weiß - Unterseite
![Designschule Desktopversion Unterseite Weiß](https://static.wixstatic.com/media/573a18_f154064d07664eadae16eb7dda0fbd09~mv2.png/v1/fill/w_451,h_2027,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Desktopversion%20US%20Wei%C3%9F.png)
App Version Weiß & Schwarz - Startseite
![Designschule Appversion Startseite Weiß](https://static.wixstatic.com/media/573a18_80eb89d826a448f3ae765a48b848b3fd~mv2.png/v1/fill/w_224,h_3058,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_80eb89d826a448f3ae765a48b848b3fd~mv2.png)
![Designschule Appversion Startseite Schwarz](https://static.wixstatic.com/media/573a18_41ca3b56046041dcb50263ca624aaeb4~mv2.png/v1/fill/w_224,h_3058,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Smartphoneversion%20SS%20Schwarz.png)
Desktop Version Schwarz - Startseite
![Designschule Desktopversion Startseite Schwarz](https://static.wixstatic.com/media/573a18_ab4d617cd6cf4bc79da6263940206e02~mv2.png/v1/fill/w_451,h_2027,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Desktopversion%20SS%20Schwarz.png)
Desktop Version Schwarz - Unterseite
![Designschule Desktopversion Unterseite Schwarz](https://static.wixstatic.com/media/573a18_756b7e9452a344deb8736ac96fbfe690~mv2.png/v1/fill/w_451,h_2027,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Desktopversion%20US%20Schwarz.png)
App Version Weiß & Schwarz - Unterseite
![Designschule Appversion Unterseite Weiß](https://static.wixstatic.com/media/573a18_5a62dd27128a4e578bccb9c9c8f16e6c~mv2.png/v1/fill/w_224,h_1777,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Smartphoneversion%20US%20Wei%C3%9F.png)
![Designschule Appversion Unterseite Schwarz](https://static.wixstatic.com/media/573a18_56084a01a9804bc18d13f801af8b8998~mv2.png/v1/fill/w_224,h_1777,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_56084a01a9804bc18d13f801af8b8998~mv2.png)
Entstanden in Zusammenarbeit
mit Luise Poley
Interaktive Ansicht
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
![Black Line](https://static.wixstatic.com/media/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_12becc6b077f40768bf9a9b11491be7f~mv2.png)
![Blue Line](https://static.wixstatic.com/media/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_23df860a3b2443b0876b7556efcaaa90~mv2.png)
![Green Line](https://static.wixstatic.com/media/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png/v1/fill/w_1094,h_47,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1b7ea1a52b894ec3adc0f0bfa3f0bc65~mv2.png)
Swing Music Festival
Um viele Besucher für ihre Veranstaltungen zu gewinnen, benötigen Festival-Seiten aufmerksamkeitsstarke Werbung. Das Swing Music Festival hat sich entschieden eine Webseite gestalten zu lassen, worüber Besucher und Interessenten alle relevanten Neuigkeiten zu diesem Event einsehen können. Gestaltet in der klassischen Swing Ästhetik der zwanziger Jahre, finden Fans des Genres sich gleich auf der Seite wieder und können mit Freude ihre Tickets kaufen.
Desktop - Startseite
![Swing Festival Site Desktop MAIN](https://static.wixstatic.com/media/573a18_f4566a5a0daa4077abead448819772ed~mv2.png/v1/fill/w_705,h_1770,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_f4566a5a0daa4077abead448819772ed~mv2.png)
Desktop - Unterseite: Bring a Partner
![Swing Festival Site Desktop Bring a Partner](https://static.wixstatic.com/media/573a18_70a82432820f4050bad6dbd5cd8b1349~mv2.png/v1/fill/w_704,h_555,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_70a82432820f4050bad6dbd5cd8b1349~mv2.png)
Desktop - Unterseite: Prices
![Swing Festival Site Desktop Prices](https://static.wixstatic.com/media/573a18_1a7d491ac1f441c0a9068043169abd44~mv2.png/v1/fill/w_706,h_653,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/573a18_1a7d491ac1f441c0a9068043169abd44~mv2.png)