Webseiten

dfine.io - Vertrauliche Live-Streaming-Plattform

Berlin Bytes hat sich mit dfine.io zusammengetan, um eine sichere und nahtlose Remote-Monitoring-Lösung für Postproduktionsunternehmen zu beraten, zu entwerfen und zu entwickeln.

Dauer
20 Monate
Team
1 PO, 3 Designer, 5 Entwickler
Das projekt

Worum es im Projekt geht.

dfine.io hilft Postproduktionsunternehmen, Agenturen und Freiberuflern, ihre Projekte vollständig online mit einer sicheren und nahtlosen Remote-Monitoring-Lösung zu bewältigen. Berlin Bytes wurde gebeten, nicht nur das Design und die Entwicklung des Tools zu unterstützen, sondern auch über das Preismodell zu beraten und die Anforderungen an die Geschäftsentwicklung zu erfüllen. Als kreativer Technologiepartner begann unser Team das Projekt mit einer umfangreichen Anforderungsanalyse. Indem wir die Bedürfnisse des Kunden in engen Gesprächen ergründen, gewinnen wir ein solides Verständnis für die Anforderungen des Produkts und das Marktpotenzial. Sobald unsere verschiedenen Ansprechpartner eine klare Vorstellung davon hatten, wie das Produkt aussehen sollte, begannen wir mit dem Designzyklus. Ein wichtiges Ziel war es, in einer engen Feedback-Schleife mit dem Kunden zu arbeiten, um die kollektive Vision der Stakeholder des Tools sicherzustellen.

Services

UX/UI Design
Prototyping
Development

Kunde

dfine.io

Sektor

Software

Space

Webapp

Tech

Node.js
Kubernetes
Stripe
Tailwind CSS
Nuxt.js
Laravel (PHP)
Figma
der ansatz

Unser Auftrag? Simpel.

Design

Durch die Integration unseres Kunden in unser Projektmanagement-Tool ClickUp wurde die transparente Erstellung von Wireframes zur Realisierung eines vollständigen Prototyps, der den Vorstellungen des Kunden entsprach, sehr einfach. Mit einem MVP in den Startlöchern begannen wir dann mit der Arbeit an zusätzlichen Marketingressourcen, einschließlich einer völlig neuen Website für das Tool. Unser Team ging diese Post-Projekt-Phase mit einem Standard-Design-Zyklus an, bei dem unser Kreativteam für die visuelle Seite zuständig war, vom Wireframing über den Inhalt bis zur UX. Die High-Level-Vision des Produkts wurde während des gesamten Projekts von unseren Beratern für Geschäftsentwicklung gestaltet.

Entwicklung

Die Entwicklung des Prototyps erforderte die Zusammenarbeit zweier Full-Stack-Entwickler, die sowohl das Front-End als auch das Back-End mit Leben füllen. Die Live Video Streaming Funktionalität wurde in ein modernes Frontend eingebettet und durch diverse Mechanismen abgesichert. Unser Projektmanagement konnte sicherstellen, dass die Entwickler sich auf die Software und das dfine Management sich auf die Kunden konzentrieren können.

Skalierung

Heute kann das Tool auf mehr als 5000 gestreamte Stunden von 79 registrierten Nutzern auf sechs Kontinenten in höchster Auflösung verweisen. Dieses vielseitige Produkt ermöglicht Beteiligten wie Regisseuren, Color Gradern und anderen Filmemachern sowie ihren Kunden - von Agenturen bis hin zu größeren Unternehmen mit kreativen Interessen - eine nahtlose Online-Zusammenarbeit. dfine definiert die europäische Messlatte für sicheres Streaming, bei dem der Datenschutz und die Sicherheit im Vordergrund stehen. Es ist ein bahnbrechendes Projekt, das die Bedürfnisse von Freiberuflern mit geringem Budget bis hin zu klassischeren Projekten erfüllt, da es skalierbar ist und auch auf privaten Servern einfach eingesetzt werden kann!

was wir gemacht haben

Unser Entwicklungsteam agiert ganzheitlich - mit dem Design Hand in Hand - über Systemgrenzen hinaus.

Erstens.

Zum schnellen Aufbau der Lösung und um dem existierenden Skillset von dfine gerecht zu werden, verwendeten unsere Entwickler NuxtJs mit Tailwind und PHP (Laravel). Das Backend steuert jede Aktion, die innerhalb der dfine.io-App ausgelöst wird, von der Benutzerverwaltung bis zur Erstellung von Projekten und Streams. Da sich die Integration von Zahlungsfunktionen immer als schwierig erweist, ermöglichte Stripe unserem Team, die Plattform um diese Komponente herum aufzubauen. Durch die Entwicklung eines Plugins, das alle Zahlungen in der dfine.io-Anwendung abwickelt, können Transaktionen nahtlos und in großem Umfang ausgeführt werden. Micro-Services, wie z.B. das Beenden von zeitlich begrenzten Sitzungen, werden von einer leichtgewichtigen NodeJS-Integration gehandhabt. Diese einfache Funktion wurde entwickelt, um den Serverstatus und die Benutzeraktivität zu überwachen. Sie behandelt auch das Laden und Protokolle über Aktionen Dritter, die außerhalb der Server der Plattform arbeiten. Diese Qualitätskontrollfunktion sorgt dafür, dass das Tool automatisch sicher und effektiv ist, ohne die Leistung zu beeinträchtigen, und erfasst gleichzeitig analytische Informationen, die uns einen Einblick in die Funktionsweise unserer App geben!

Zweitens.

High-End-DevOps-Technologien wie Kubernetes halfen dabei, die Bereitstellungsinfrastruktur der App zu verbessern und die Vielseitigkeit zu erhöhen, die für den Vertrieb des Produkts auf dem Markt entscheidend ist. Ein sicheres, von Grund auf neu entwickeltes Produkt macht dieses B2C-Produkt auch für den Einsatz in Unternehmen attraktiv. Um spezifische Anwendungsfälle für diesen Markt zu erfüllen, kann die Kernfunktionalität des Tools problemlos auf private oder Offline-Server übertragen werden. Mit einer einzigen Befehlszeile kann dfine.io sicher auf bestimmten Servern für vertrauliche Vorgänge verwendet werden. Mit Kubernetes sind die Dateien außerdem von Natur aus weitgehend unzugänglich im Web. Dieser Build fördert auch die automatische Skalierung mit Replikaten auf mehreren Servern, um sicherzustellen, dass die Infrastruktur nie ausfällt.

das ergebnis

Wir sind ein ganzheitlicher, kreativer Technologiepartner

Von Anfang bis Ende arbeiten wir mit unseren Kunden auf C-Level zusammen, um die Produktarchitektur zu verstehen, zu beraten, zu managen und zu definieren, bevor wir Lösungen entwickeln und bauen, die mit ihrem Geschäftskontext übereinstimmen. Bei dfine.io haben wir die Technik und das Design des ersten Prototyps der Plattform für die Veröffentlichung von dfine.io 2.0 weiterentwickelt.

Berlin Bytes hat sowohl das Design als auch die Entwicklungskomponenten des Tools sorgfältig unter dem Gesichtspunkt der Geschäftsentwicklung überarbeitet. Um die Bedürfnisse der beiden Hauptkundengruppen, von Freiberuflern und kleineren Agenturen bis hin zu größeren Unternehmen, zu erfüllen, verbindet das Tool ein bereicherndes UX/UI-Design mit einer vielseitigen Reihe von Funktionen.

Wobei können wir Ihnen helfen?

Martin Röchow
Managing Director
Absenden
Vielen Dank, wir haben Ihre Nachricht erhalten!
Ups! Da ist etwas schiefgelaufen. Bitte versuchen Sie es noch einmal!
Weitere Case Studies

Unsere kreative Brillanz:
Eine Auswahl unserer Arbeiten.

Webseiten
Mobile App

Karma - Konzept für eine Crowdfunding Webseite

Webseiten

Konkretly - Gestaltung, Beratung, digitale Strategie

Webseiten

Calvatis Calgonit Industrial - Hygieneplan-Tool