Techcast

Ausgefeiltes UI-Design für Event-Plattform (SaaS)

Der Livestream-Anbieter Techcast launcht seine virtuelle Event-Plattform techcast.event.cloud als Software as a Service. Dafür kreieren die Experten von coma ein User Interface Design (UI-Design). Das Ergebnis: State of the Art in der Ästhetik, präzise in der Nutzerführung.

  • UI-Design
  • Branding
  • Konzept & Strategie
Ksenia Trofimova von techcast

„Danke an coma für das super UI-Design und die enge Zusammenarbeit. Das ganze Team hat sich fokussiert und ergebnisorientiert für das Projekt eingesetzt – und bereits die ersten Design-Ideen aus der Kreation haben uns überzeugt. Das Backend unserer techcast.event.cloud hat jetzt den Premium-Look, den sie verdient, damit Event-Verantwortliche auf einen Blick sehen, wie professionell und wirkungsvoll sich Online-Events damit umsetzen lassen.”

Ksenia TrofimovaHead of Marketing and Sales

Herausforderung

Die techcast.event.cloud ist eine Event-Plattform für virtuelle Veranstaltungen von Unternehmen. Anbieter der Plattform ist die Techcast GmbH aus unserer Agenturheimat München. Das Techcast-Team kam auf uns zu mit einem Spezial-Auftrag für unsere Design-Unit: Für die SaaS-Lösung der Event-Plattform gab es bereits Wireframes bzw. eine funktionale technische Umsetzung der Webanwendung (MVP, (Minimum Viable Product), allerdings noch kein User Interface Design. Sprich die Funktionen der SaaS-Lösung standen weitgehend, Design und Nutzerführung fehlten allerdings noch. Ein perfekter Job für die UI-Designer von coma.

Verstehen, gestalten, überzeugen – mit UI-Design

Techcast hat die Macht von User Interface Design verstanden. Bereits in den ersten Gesprächen formuliert das Kunden-Team die Erwartungen, die das UI-Design zu erfüllen hat.

Das UI-Design soll …

  • den Premium-Ansatz der Event-Plattform verkörpern (Ästhetik und Emotion),

  • Sicherheit und Vertrauen vermitteln (Wirkung),

  • klar und übersichtlich sein (Konsistenz) und

  • den Nutzer intuitiv durch die Anwendungen leiten (Nuterführung).

Außerdem ging es im Projekt darum, eine bereits bestehende, intern genutzte Anwendung („Producer“) sowie eine neue Anwendung („Manager“) in der SaaS-Lösung zu verschmelzen. Optisch und funktional.

Wir sind bereit. Die Arbeit kann beginnen …

Unser Vorgehen

Der Erfolg eines Projekts zeigt sich für uns bereits in der Zusammenarbeit. Gemeinsam mit dem Techcast-Team beraten und tüfteln wir uns zu einem Ergebnis, das sowohl unseren Kunden als auch dessen Kunden begeistert. Unsere Zutaten dafür: enger Austausch, fokussierte, fachkundige Beratung und eine ansteckende Leidenschaft fürs Machen und Gestalten. Außerdem haben wir einen klaren Plan, wie wir die gesteckten Ziele erreichen.

Unser Vorgehen

  • Anforderungen definieren

    In einem intensiven Kick-off-Workshop mit dem Techcast-Team tauchen wir ein in das Produkt: Was sind die Ziele der Event-Plattform? Welche Funktionalitäten gibt es? Wer benutzt die Plattform – und wie? Dieses tiefe Verständnis von Produkt und User bildet die Basis der UI-Design-Kreation.

  • Design-Routen entwickeln

    Wir entwickeln zwei Design-Routen, um Varianzen aufzuzeigen und um Techcast Entscheidungsspielraum zu bieten. Bereits in diesen ersten Design-Schritten zeigen sich klare Design-Konzepte, neue visuelle Feinheiten und die Wirkung der beiden Routen auf verschiedenen Endgeräten (Desktop, Tablet).

    Außerdem geben wir Feedback zu den Wireframes und dem bereits entwickelten MVP – aus UX-Sicht und aus Erfahrung.

  • UI-Design ausarbeiten

    Auf Basis des Kundenfeedbacks geht es ins Detail: Im Design-Tool Figma feilen wir an den verschiedenen Screens, Ansichten und Zuständen der techcast.event.cloud und ihrer Anwendungen. Zusätzlich zu den bereits bestehenden Bereichen gestalten wir neue Bereiche aus (FAQ, Helpdesk etc.).

    UI-Design heißt immer auch: Arbeit an und mit der Marke. Deshalb ergeben sich im Design-Prozess neue visuelle Elemente, Farbschemata und Typografie-Anwendungen, die zur Marke Techcast passen – und das Corporate Design erweitern bzw. verfeinern.

  • UI-Design dokumentieren

    Die Umsetzung des UI-Designs übernehmen die Entwickler von Techcast. Damit diese unser UI-Design bis ins Detail verstehen und übernehmen können, dokumentieren wir das Design in Form eines Styleguides in Figma (Pattern Library, Atoms, Fonts, Farben, Icons etc.).

Unsere Lösungen

Design verkörpert Premium-Anspruch

Detailliert und durchdacht: Das UI-Design für die techcast.event.cloud zeigt den Premium-Anspruch der SaaS-Lösung. State-of-the-Art-Designprinzipien verschmelzen im UI-Design mit Designelementen der Marke Techcast.

Optimale Nutzerführung dank UI-Design

Zugleich erfüllt das von uns entwickelte Design den ureigenen Anspruch von User Interface Design: Das UI-Design der techcast.event.cloud führt Menschen durch die Funktionen, Bereiche und Möglichkeiten der Event-Plattform; es sorgt für Orientierung, Überblick und Klarheit.

Präziser Styleguide für die Techcast-Entwickler

Ein kritischer Schritt in vielen Projekten, von Website bis Webanwendung, ist: die akkurate Anwendung des UI-Designs in der technischen Umsetzung. Das gilt vor allem dann, wenn der Kunde das entworfene Produkt selbst entwickelt, wie im Fall von Techcast.

Damit das UI-Design für die Event-Plattform seine volle Wirkung entfalten kann, haben wir alle Design-Details in einem Styleguide in Figma dokumentiert.

Anhand dieses Styleguides kann die Techcast-Entwicklung unsere Screendesigns und Design-Prinzipien in eine ästhetische und nutzerfreundliche SaaS-Lösung verwandeln.

Ergebnis = Erlebnis

Ein glücklicher Kunde, ein ausgefeiltes Erlebnis: Danke an Techcast für die fantastische und produktive Zusammenarbeit. Die relaunchte neue Event-Plattform als SaaS kann sich sehen lassen. Wir freuen uns, dass wir unser Know-how und unser Design-Können dafür einbringen konnten. Digitale Brands und digitale Lösungen sind einfach unser Ding. Bis zum nächsten Projekt!

Ansprechpartner Martin Kirmaier coma AG

Sie wollen auch Erfolge wie diese?

Sprechen Sie mit mir über Ihre Herausforderungen und Ideen – in einem unverbindlichen Erstgespräch. Gemeinsam finden wir Lösungen, die begeistern.

Martin Kirmaier Vorstand der coma AG martin.kirmaier@coma.de

Weitere Projekte

  • Statamic Website für ConSense Statamic Website für ConSense
    • Statamic
    • Corporate Websites
    • UX
    • UI-Design
    • Konzept & Strategie
    • Contentmanagement
    • Brand Voice
    ConSense GmbH Statamic-Website-Relaunch: Wenn Komplexität einfach wird
    • UX
    • UI-Design
    • Corporate Websites
    • WordPress
    OPED Wundversorgung Relaunch der Corporate Website für OPED Wundversorgung – mit WordPress, Fachlexikon, Barrierefreiheit und klarer User Journey.
    • UX
    • UI-Design
    • Corporate Websites
    • Branding
    • Brand Voice
    • Konzept & Strategie
    • TYPO3
    • Contentmanagement
    KSH München TYPO3-Großprojekt mit 250+ Seiten: Website-Relaunch für Hochschule aus München
  • coma Kundenprojekt OPED Group Logo coma Kundenprojekt OPED Group Logo
    • TYPO3
    • Corporate Websites
    • UI-Design
    • UX
    OPED Group Corporate Website in TYPO3: OPED Group geht live
    • Statamic
    • Corporate Websites
    • Branding
    • UX
    • UI-Design
    • Content
    • SEO
    ISARTAL akademie GmbH „Wir schaffen Erlebnisse“: Neue Website = neuer Markenauftritt für Münchner Seminaranbieter
    • Webanwendungen
    • Konzept & Strategie
    Hofbräu München Komplett digital, endlich einfach: Hofbräu managt Tische und Kunden mit dem Festzelt-Reservierungssystem von coma