Digitale Arbeiten von Martina Büttner: UI und UX Design für Web und App.

Ein gutes Design entsteht auf der Basis eines guten Konzepts. Je fundierter, vorausblickender und allem voran empathischer das Konzept ist, umso zielgerichter, nutzerzentrierter und nachhaltiger wird das Design sein. Das ist mein Leitgedanke für alle digitalen Anwendungen, für welche ich verantwortlich zeichne. Dieser Grundsatz macht es möglich, das manchmal unvereinbar Scheinende sinngebend zu verbinden, und z.B. mit einer gleichen Anwendung sehr unterschiedliche Zielgruppen anzusprechen oder sehr differenzierte Prozesse auszulösen. Um ein solides Ergebnis zu schaffen, setze ich natürlich klassiche Methoden wie User Research ein. Ebenso wichtig ist es jedoch, mich fundiert inhaltlich zu dokumentieren und auf meine Erfahrung und Empathie für den Benutzer zurückzugreifen.

Konzept und Design Landingpage

Agentur Webraumfahrer

Kunde: Maico Diagnostics GmbH
URL: newborn-hearing-screening.com
Zielgruppe: Medizinisches Personal, Vertriebspartner, Eltern
Veröffentlichung: Mai 2018

Es wird ein hochinformatives Konzept für die sehr unterschiedlichen Zielgruppen erstellt und dann in ein ansprechendes und funktionales Design übersetzt. Dabei werden medinischem Personal und Händlern für medizinische Geräte klare Produktinformationen, Produktvergleiche und wissenschaftliche Hintergründe vermittelt. Für Eltern wird fundiertes Hintergrundwissen bereitgestellt. Dieses wird u.a. mit einer eigens dafür entwickelten Story über die Gehör- und Sprachentwicklung von Babies und Kindern und deren Impakt auf die intellektuelle und soziale Entwicklung umgesetzt.

App Konzept und Design – sHOPPli

Genre: Listenerstellung und Alltagsorganisation
Zielgruppe: Männer und Frauen, Privatleute, Altersgruppe von 30 – 60 Jahren
Erstellung: Januar 2018

Listen sind Bestandteil unseres täglichen Lebens: Einkaufslisten, Kofferlisten, ToDo-Listen uvm. sHOPPli ist nicht die erste Listen-App auf dem Markt, aber ihr Ansatz ist komplexer. Zum einen macht ihre Verwendung mehr Spaß, als die Erstellung eines Excel-Dokuments: der User wählt die Styles seiner personalisierten Interface (Farbgebung, Schrifttypen und Bilder). Zum anderen, wie oft werden Listen geschrieben, die man teilen möchte, mit der Familie für den Wocheneinkauf, Freunden für die nächste Party oder dem Partner für die geplante Reise. sHOPPli erlaubt das Teilen per E-Mail oder über die App selbst. Darüberhinaus ist es möglich, die Bestandteile der Liste zu priorisieren und in eine den Umständen entsprechende sinnvolle Reihenfolge zu bringen, ob alphabetisch, nach Kategorien oder entsprechend der Anordnung der Regale im Supermarkt sortiert. Außerdem kann man einem assoziierten Benutzer einzelne Listenelemente zuordnen. Damit ist sHOPPli nicht nur eine weitere verbesserte Notizen-App, sondern unterstützt den Benutzer über die Listenerstellung hinaus bei der Organisation seiner kleinen und großen Lebensereignisse.

App Konzept und Design – sHOPPli

Genre: Listenerstellung und Alltagsorganisation
Zielgruppe: Männer und Frauen, Privatleute, Altersgruppe von 30 – 60 Jahren
Erstellung: Januar 2018

Listen sind Bestandteil unseres täglichen Lebens: Einkaufslisten, Kofferlisten, ToDo-Listen uvm. sHOPPli ist nicht die erste Listen-App auf dem Markt, aber ihr Ansatz ist komplexer. Zum einen macht ihre Verwendung mehr Spaß, als die Erstellung eines Excel-Dokuments: der User wählt die Styles seiner personalisierten Interface (Farbgebung, Schrifttypen und Bilder). Kleine Animationen geben eine visuelle Bestätigung beim Abschluss von Vorgängen, wie z.B. beim Speichern. Zum anderen, wie oft werden Listen geschrieben, die man teilen möchte, mit der Familie für den Wocheneinkauf, Freunden für die nächste Party oder dem Partner für die geplante Reise. sHOPPli erlaubt das Teilen per E-Mail oder über die App selbst. Darüberhinaus ist es möglich, die Bestandteile der Liste zu priorisieren und in eine den Umständen entsprechende sinnvolle Reihenfolge zu bringen, ob alphabetisch, nach Kategorien oder entsprechend der Anordnung der Regale im Supermarkt sortiert. Außerdem kann man einem assoziierten Benutzer einzelne Listenelemente zuordnen. Damit ist sHOPPli nicht nur eine weitere verbesserte Notizen-App, sondern unterstützt den Benutzer über die Listenerstellung hinaus bei der Organisation seiner kleinen und großen Lebensereignisse.

Case Study Mobile Website

Genre: Organisation von Bezahlvorgängen
Zielgruppe: Privatleute, Shopper, Altersgruppe 25 – 45 Jahre
Erstellung: Juni 2018

Über diese neue Webanwendung kann der Benutzer all seine Bezahlvorgänge beim Online-Shopping mit den verschiedensten Händlern abwickeln. Neben der Möglichkeit die unterschiedliche Zahlungsmittel von der Überweisung bis zur Kreditkarte einzusetzen, kann der User über diese Anwendung auf sehr einfache Weise auch Ratenzahlungen für einzelne Rechnungen anlegen. Für die in der Entwicklung befindliche Plattforn wird eine Fallstudie vorgenommen, um die Rechnungsübersichten zu optimieren, sinnvolle Filterfunktionen zu integrieren und die Kommunikation zwischen dem Anbieter und dem Benutzer zu einzelnen Rechnungen zu vereinfachen und überschaubarer zu machen. Insgesamt wird die Interface aufgeräumt und alle erwünschten Funktionen sind mit einem Klick erreichbar.

Design Audit und Redesign

Agentur Inviqa

Kunde: Atoss Software GmbH
URL: atoss.com
Zielgruppe: Personalmanager, Geschäftsführer, Produktionsleiter …
Veröffentlichung: Sommer 2018

Für die bereits vorhandene Drupal Webseite besteht der Wunsch, der Startseite ein prägnantes Inhaltskonzept und Design zu geben, welches sich von den Unterseiten deutlich absetzt, ohne von der Designsprache selbst abzuweichen. Das Bild des Unternehmens, seine Leistungen und Kompetenzen, News, Events usw. sollen für den Besucher vom Start weg deutlich erkennbar und durch Verlinkungen benutzbar sein sein, um diesen zu einem tieferen Einstieg in die Detailseiten zu motivieren. Dafür wird das Seitenkonzept durch modulare, nach Bedarf einsetzbare Blöcke mit unterschiedlichen Funktionen, präsente Headlines und sehr spezifische Buttons erweitert. So erhält der Besucher bereits auf der Startseite die Möglichkeit, einen offenen, weiten Blick auf das Unternehmen zu werfen.

Design Audit und Redesign

Agentur Inviqa

Kunde: Atoss Software GmbH
URL: atoss.com
Zielgruppe: Personalmanager, Geschäftsführer, Produktionsleiter …
Veröffentlichung: Sommer 2018

Corporate Identity und UI/UX Design

Direktauftrag

Kunde: ten4you – die Schauspieleragentur
URL: ten4you.de
Zielgruppe: Castings, Filmproduzenten, Regisseure und potentielle Bewerber
Veröffentlichung: 2013

Die Berliner Schauspieler-Agentur wünscht sich für ihre neue Website ein frisches und modernes Design, welches sich auf den Schauspieler konzentriert und sein Bild in den Vordergrund stellt. Daraus geht ein „all-in-one“ Seitenkonzept hervor, welches alle für den Schauspieler wichtigen Informationen (auf einen Blick) enthält – bildschirmfüllende, blätterbare Hintergrundbilder der Person, Vita, Schauspielervideos und Hörproben. Zwischen diesen navigiert der Besucher, ohne die Seite zu wechseln oder zu verlassen. Verbunden mit diesem Relaunch ist ein neues Corporate Design, welches auf dem neugestalteten Logo basiert.

E-Commerce UI/UX Design

Agentur Webraumfahrer

Kunde: Bruno Gmünder Verlag
URL: brunogmuender.com
Zielgruppe: Kunden für Bücher, Kunstinteressierte
Veröffentlichung: Januar 2016

Die deutsche Veröffentlichung des Fotosbandes „Always loyal“ von Michael Strokes ist der Ausgangspunkt dieses Website-Relaunchs, vor dem Hintergrund, das Sortiment durch eine anspruchsvolle Darstellung und eine moderne und nutzerorientierte Funktionalität für ein breites Publikum attraktiv zu machen. Eine gezielte ästhetische Präsentation der Produkte und des Verlages sind gewünscht. Dabei sollen die Visuals deutlich im Vordergrund stehen. Der Einblick in die Unternehmensstrategie, der übersichtlich gestaltete Webshop sowie eine fundiert aufbereitete Präsentation der Autoren bestimmen die neue, positive Nutzererfahrung. Darüberhinaus werden die Produkte durch vielfältige Newspublikationen und sinngebende Querverlinkungen noch besser dargestellt und laden den Nutzer zum Verweilen ein.

E-Commerce UI/UX Design

Agentur Webraumfahrer

Kunde: Bruno Gmünder Verlag
URL: brunogmuender.com
Zielgruppe: Kunden für Bücher, Kunstinteressierte
Veröffentlichung: Januar 2016

Konzept und Design responsive Web-Plattform

Agentur Webraumfahrer

Kunde: Verband kommunaler Unternehmen VKU
URL: kommunaldigital.de
Zielgruppe: Startups, Kommunale Unternehmen
Veröffentlichung: Mai 2018

Eine innovative Web-Plattform für ein innovatives Produkt, das ist der Ausgangspunkt für die Konzeption. Über die Plattform sollen Startups mit Kompetenzen in den Bereichen Wasser, Energie, Abfall und Telekommunikation mit kommunalen Mitgliedsunternehmen für eine Zusammenarbeit in Kontakt treten können. Ebenso können die Mitgliedsunternehmen Projektausschreibungen auf dieser Plattform veröffentlichen und dort von Startups als potentielle Clienten oder Partner gefunden werden. Neben der Gestaltung der Startseite, die auf den ersten Blick die verschiedenen Kompetenzbereiche zugänglich machen soll, gilt es, die gesamten Benutzeroberflächen (von der Registrierung bis hin zur Erstellung eigener Startup- bzw. Projektseiten) zu konzipieren und funktional und ästhetisch für alle Endgeräte zu gestalten.

Webapp Konzept und Design – apply

Genre: Eigenmanagement
Zielgruppe: Hochschulabsolventen, Arbeitssuchende, Altersgruppe 25 – 60 Jahre
Erstellung: Januar 2015

Die Web-App APPLY stellt ein Bewerbungsmanagement bereit, welches Arbeitssuchenden eine verbesserte Organisation ihres Orientierungs- und Bewerbungsprozesses bietet. Im heutigen Arbeitsleben ist vieles im Umbruch und zweite und dritte Karrieren gehören zur Normalität. Die meisten Menschen suchen mehr als einmal im Leben nach einer neuen Arbeitsstelle bzw. damit verbunden nach einer Neuorientierung. Darüberhinaus verlassen jedes Jahr nahezu 1/2 Million Absolventen die deutschen Hochschulen und suchen ihren Platz auf dem Arbeitsmarkt. APPLY organisiert den gesamten Prozess von der Suche nach Angeboten und der Orientierung über die Zusammenstellung und Einsendung der Bewerbungsunterlagen bis hin zur regelmäßigen Nachverfolgung des Bewerbungsprozesses über einen Kalender, mit Hilfe dessen Zeitziele und Erinnerungen gesteckt werden können. Als Webanwendung synchronisiert sich APPLY auf allen Endgeräten des Benutzers, so dass dieser kurzfristig auf seine Unterlagen zurückgreifen kann und aktiv seinen Prozess an jedem Ort in der Hand hält.

Webapp Konzept und Design – apply

Genre: Eigenmanagement
Zielgruppe: Hochschulabsolventen, Arbeitssuchende, Altersgruppe 25 – 60 Jahre
Erstellung: Januar 2015

Konzept für ein elektronisches Fahrtenbuch

Direktauftrag

Kunde: Enaikoon GmbH
URL: enaikoon.com
Zielgruppe: Autovermietung, Speditionen, Pflegedienste etc.
Veröffentlichung: 2015

Über die Ortung und das Tracking von Fahrzeugen und der damit verbundenen Web- und Handy-Software Routes ist es möglich, ein elektronisches Fahrtenbuch zu führen. Die Fahrtdaten wie Positionen, Zeiträume, Pausen und Geschwindigkeit werden automatisch erfasst und gespeichert. Private Fahrten können als solche gekennzeichnet werden. Ebenso können die Angaben durch weitere Informationen, wie Grund der Fahrt, sowie Unterbrechungen ergänzt werden. Die modulierbare Benutzeroberfläche ermöglicht eine bessere Orientierung durch farbige Markierungen und vielfältige Einstellungen und Sortierungsmöglichkeiten.