The Power of
UI/UX

&

Exploring the
Frontend

Hej!

Im Zentrum einer weltweit bekannten, kreativen Werkstatt des Films, dem Studio Babelsberg, sitzen wir umringt von Medienschaffenden, Künstlern und fühlen uns sehr wohl. Babelsberg ist heute mehr als nur Film, der Standort ist mittlerweile ebenso Sitz einiger Hightech- und Digitalunternehmen. Die Tradition der mehr als 100 Jahre alten Filmkultur ist hier dennoch in all ihren Facetten überall anzutreffen.

Wir kooperieren daher eng mit vielen ansäßigen Spezialisten ihres Fachs. Ebenfalls stellen wir unser Know-How zur Verfügung. Als unsere Kernkompetenz bieten wir die Konzeption, Gestaltung und Entwicklung von digitalen Medien, wobei wir uns nicht nur auf die Erstellung von Websites beschränken. Mit einer Vielzahl an bisher realisierten Projekten konnten wir uns daher auch einen umfangreichen Erfahrungsschatz aneignen.

Ausgewählte Projekte

  • UI/UX
  • Frontend
Clearing Solutions

Für dieses Projekt wurde die gesamte Website für eine eher ältere Zielgruppe optimiert und entsprechend in Szene gesetzt.

Anschauen
  • UI/UX
Cowpare

Für den Milchkuhverband Brandenburg und weitere wurde eine komplette, interne Oberfläche entwickelt für eine bestmögliche Nutzererfahrung.

  • Grafik
  • Frontend
Immobilien Scout 24

Entworfen wurde über mehrere Jahre ein Teil der internen Kommunikation für das CSG-Team.

  • UI/UX
  • Frontend
  • Backend
DRK Freiwilligendienst Brandenburg

Für die Freiwilligendienste der DRK war es Ziel eine einfache, angebundene Bewerbermaske bereitzustellen, neben einer selbst zu administrierende Einsatzstellenübersicht.

Anschauen
  • UI/UX
  • Frontend
International Worldgames Accociation

Ein allumfassendes Archiv-Frontend mit funktionalen UI/UX wurde entwickelt, für alle Daten seit bestehen des IWGA.

  • Branding
Netstack GmbH

Für den Hoster und IT-Dienstleister Netstack haben wir einen ansprechenden Markenauftritt entwickelt.

Das Wie

Konzept

Konzept, UX

Mit einem aussagekräftigen Konzept, abgestimmt auf die Bedürfnisse und Anforderungen wird die Basis eines Projekts definiert. Eine gute User-Experience (UX) wird hier bereits entworfen und ist ein Grundstein einer guten Anwendung.

Gestaltung

Gestaltung, UI

Auf Grundlage des Konzeptes, entsteht ein User-Interface (UI), welches das vorher definierte UX erzeugt. So werden dem Projekt die notwendigen Mittel an die Hand gegeben, wie gewünscht, um gezielt bedient werden zu können.

Implementierung

Implementierung

Nach vorheriger Prüfung wird aus dem Konzept und der optischen Vorgabe die optimale Lösung entwickelt. Passende Techniken und Programmierstandards werden hierfür empfohlen und angewendet.

Techstack

Unsere Grundlagen und unser Tagesgeschäft besteht u.a. aus der Anwendung folgender Sprachen, Scripten und Tools.

  • css3
  • html5
  • svg
  • javascript
  • php
  • sass
  • pug
  • mjml
  • wordpress
  • vuejs
  • nuxtjs
  • gridsome
  • docker
  • nodejs
  • yarn
  • npm
  • grunt
  • webpack
  • git
  • gitlab
  • github
  • visual-studio-code
  • xd
  • sketch
  • illustrator
  • photoshop

Das
Zusammenspiel

Wichtig ist uns hierbei immer, dass alle Projekt­beteiligten im Bilde sind und die empfohlenen Schritte nachvollziehen können. Daher sehen wir uns in der Pflicht stets über Gestaltungs­entscheidungen oder Script-Techniken zu informieren und aufzuklären. Ebenfalls ist eine von Grund auf datenschutz­konforme Umsetzung unser Ziel. Ein Projekt lässt sich in der Regel immer unter den Gesichtspunkten der DSGVO realisieren.

Als Betreiber muss man sich hier im klaren sein, welche Daten man benötigt und wie man diese technisch einvernehmlich und transparent erheben kann. Eine entsprechende Gestaltung ohne Minderung der Nutzerzufriedenheit spielt dabei ebenso eine große Rolle wie die verwendete Technik.

Barrierearme Umsetzung

Ein Projekt sollte von Grund auf unter den Gesichtspunkten einer barrierearmen Nutzung betrachtet werden. Daher legen wir großen Wert auf eine standardmäßige barrierearme Gestaltung sowie Programmierung.

Da eine völlig barrierefreie Website nochmals intensiver geplant, gestaltet und umgesetzt werden muss, können wir diesen Aufwand nur nach einer genauen Betrachtung einschätzen. Die Web Content Accessibility Guidelines (WCAG) und die Barrierefreie-Informationstechnik-Verordnung (BITV) sind hier die Basis unseres Handelns.

Responsives Design & Sicherheit

Ein Muss für alle Websites ist ein gewisses Maß an Sicherheit und eine optimierte Verwendung gerade auf mobilen Endgeräten. Da dies für uns als Standard gilt, wird jedes neu entstehende Web-Projekt von vornherein auf diese Aspekte hin entworfen und geprüft. Gern beraten wir Sie hier auch in Bezug auf Ihren Hoster.

Partner

Studio Zweibrand

Mit Studio Zweibrand kooperieren wir sehr eng, gerade wenn es um das Thema Markenentwicklung oder Printprodukte geht.

uvm.

doodle
Jetzt eine E-Mail schreiben

… und ein vielversprechendes Projekt beginnen.