home wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js home verwirkliche deine vision verwirkliche deine vision außergewöhnliche anwendungen entwickelt von unserem großartigen team lass uns dein projekt starten email green services was wir tun right left left default unsere technologien react page blue html css js green ruby page pink progressive web app pwa purple left yellow unsere projekte default h3 left default unsere services null right primary purple bereit für dein nächstes projekt lass uns gemeinsam etwas großartiges schaffen melde dich und wir machen den ersten schritt hol dir unser team an bord email left secondary default yellow unser großartiges team left default erfahre mehr über unser team page right primary blue job section wir sind ein tolles team pink entdecke alle jobs page was gibt s neues auf unserem blog left default plane dein nächstes projekt wir sind bereit deine ideen in die tat umzusetzen alles was du tun musst ist uns zu kontaktieren kontaktiere uns email left secondary default green apostrophecms home page public default pink null bitcrowd web development agency wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js

home wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js home verwirkliche deine vision verwirkliche deine vision außergewöhnliche anwendungen entwickelt von unserem großartigen team lass uns dein projekt starten email green services was wir tun zusammen mehr bewegen mit individuellen lösungen die zu dir passen right left left default unsere technologien erfahre mehr über die tools und frameworks die wir für die umsetzung deines projekts einsetzen react perfekt geeignet um ausdrucksstarke webbasierte anwendungen zu entwickeln die deine nutzer innen begeistern eine javascript bibliothek die schnell vielseitig und in der praxis erprobt ist page blue html css js alle webseiten und anwendungen basieren auf diesen grundlegenden webtechnologien ihre volles potenzial entfalten sie durch die kreativität und expertise unserer entwickler innen green ruby diese elegante und flexible programmiersprache ist seit vielen jahren bewährt und wird hauptsächlich zur wartung von legacy projekten eingesetzt page pink progressive web app pwa mit diesen technologien funktioniert deine webanwendung wie eine native app sie nutzt benachrichtigungen speichert daten direkt auf dem gerät und bleibt auch im offline modus verfügbar purple left yellow unsere projekte entdecke unser vielfältiges projektportfolio und wie wir unsere auftraggeber innen dabei unterstützt haben großes zu erreichen default h3 left default unsere services null right primary purple bereit für dein nächstes projekt lass uns gemeinsam etwas großartiges schaffen melde dich und wir machen den ersten schritt hol dir unser team an bord email left secondary default yellow unser großartiges team lerne die talentierten und kreativen personen hinter bitcrowd kennen left default erfahre mehr über unser team page right primary blue job section wir sind ein tolles team willst du dabei sein unsere aktuellen jobangebote pink entdecke alle jobs page was gibt s neues auf unserem blog left default plane dein nächstes projekt wir sind bereit deine ideen in die tat umzusetzen alles was du tun musst ist uns zu kontaktieren kontaktiere uns email left secondary default green apostrophecms home page public default pink null bitcrowd web development agency wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js

Entdecke alle Jobs


Zusammen mehr bewegen – mit individuellen Lösungen, die zu dir passen. 
Erfahre mehr über die Tools und Frameworks, die wir für die Umsetzung deines Projekts einsetzen 
Perfekt geeignet, um ausdrucksstarke, webbasierte Anwendungen zu entwickeln, die deine Nutzer:innen begeistern – eine JavaScript-Bibliothek, die schnell, vielseitig und in der Praxis erprobt ist. 
Alle Webseiten und Anwendungen basieren auf diesen grundlegenden Webtechnologien – ihre volles Potenzial entfalten sie durch die Kreativität und Expertise unserer Entwickler:innen. 
Diese elegante und flexible Programmiersprache ist seit vielen Jahren bewährt und wird hauptsächlich zur Wartung von Legacy-Projekten eingesetzt. 
Mit diesen Technologien funktioniert deine Webanwendung wie eine Native App – sie nutzt Benachrichtigungen, speichert Daten direkt auf dem Gerät und bleibt auch im Offline-Modus verfügbar. 
Entdecke unser vielfältiges Projektportfolio – und wie wir unsere Auftraggeber:innen dabei unterstützt haben, Großes zu erreichen. 
Lerne die talentierten und kreativen Personen hinter bitcrowd kennen 
Willst du dabei sein? 
Unsere aktuellen Jobangebote:

Wir entwickeln außergewöhnliche Anwendungen. Agil. Testgetrieben. Für das Web. In Elixir, Ruby, and React JS.

bitcrowd web development agency

Home

home

admin

box die abholstation wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js projects box die abholstation box die abholstation 5697 1 8 millionen 4 870 000 000 default die story center default project scope left default pink left default projects box die abholstation default page public default green null bitcrowd projects db box die abholstation wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js

box die abholstation wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js projects box die abholstation box die abholstation 5697 bahnhöfe in deutschland 2023 1 8 millionen bahnreisende in deutschland 2023 4 870 000 000 versendete pakete in deutschland 2023 default die story das team von box trat mit klaren anforderungen an uns heran vor dem hintergrund der verbindlichen rechtlichen vorgaben und haftungserwartungen haben wir ein innovatives und zugleich rechtssicheres produkt entwickelt das sowohl den hohen anforderungen gerecht wird als auch den nutzer innen einen echten mehrwert bietet produktdefinition zusammen mit der deutschen bahn haben wir die produktanforderungen detailliert ausgearbeitet und verfeinert angesichts der strengen rechtlichen vorgaben zur erhebung und speicherung personenbezogener daten haben wir das produkt so entwickelt dass es den datenschutzbestimmungen und allen rechtlichen anforderungen entspricht da es sich um einen service in der realen welt handelte mussten zudem physische einschränkungen und haftungsfragen berücksichtigt werden das backend team von bitcrowd arbeitete eng mit den product ownern und berater innen von box zusammen um ein system zu entwickeln das nicht nur den anforderungen gerecht wurde sondern auch robust sicher und einfach wartbar blieb dieser prozess fand in mehreren iterationen statt ein fortlaufender austausch von feedback anpassungen und optimierungen dabei wurde intensiv erarbeitet was notwendig war um den zustand der abholfächer in jeder phase des buchungsprozesses korrekt darzustellen und gleichzeitig ein klares benutzerfreundliches produkt zu gewährleisten dies stellte eine besondere herausforderung dar es war unmöglich im voraus zu wissen wie viele schließfächer und in welcher größe bei der buchung einer lieferung verfügbar sein würden daher mussten wir ein system mit einem flexiblen anpassbaren algorithmus entwickeln der in der lage war mit verschiedensten edge cases umzugehen center default project scope gestaltung der user flows während intensiver workshops bei bitcrowd erstellten wir erste skizzen und wireframes um jeden schritt des prozesses für unternehmen endnutzer innen und db admins zu durchdenken besonderes augenmerk galt der einführung der einzelhändler innen in die produktfunktionen sowie der möglichen unerwarteten komplikationen die durch die reale nutzung entstehen könnten der prozess umfasste auch vorschläge für zukünftige verbesserungen des buchungssystems auch wenn es nicht möglich war das produkt beim ersten versuch zu perfektionieren wollten wir alle potenziale ausloten die künftige versionen bereichern könnten manchmal ändern sich die anforderungen des kunden das passiert anpassungsfähigkeit ist eine wichtige stärke von entwickler innen und in diesem fall mussten wir recht spät im designprozess flexibel reagieren wir passten die userflows an die neuen bedürfnisse an behielten jedoch die ursprünglichen versionen für eine spätere verwendung bei hoffentlich ermöglicht die fortlaufende weiterentwicklung des projekts funktionen wiederherzustellen die wir vorübergehend entfernen mussten unser backend team entwickelte die notwendigen systeme für dieses sicherheitskritische vorhaben während unser frontend team nach den vorgaben der ux und visual designer arbeitete visuelles design obwohl es sich um ein b2b projekt handelt erforderte es ein design das dem einer ausgereiften b2c lösung entspricht die kundschaft von box besteht aus einzelhändler innen die den service nutzen um ihre produkte an endkund innen zu liefern die deutsche bahn wollte das produkt jedoch auch für eine ganz neue zielgruppe von unternehmen sowie für endkund innen zugänglich machen die möglicherweise noch nie zuvor ein eigenes abholfach verwendet haben es war entscheidend dass sowohl die unternehmen als auch die endkund innen ein verständliches und benutzerfreundliches system nutzen können das sich mühelos in ihren alltag integriert left default pink produkt update seit dem soft launch von box hat bitcrowd das produkt kontinuierlich weiterentwickelt während sich einige erweiterungen noch in der designphase befinden wurde kürzlich eine neuerung der öffentlichkeit zugänglich gemacht eine interaktive demo die auf messen eingesetzt wird um das produkt zu präsentieren diese browserbasierte anwendung führt die nutzer innen durch den gesamten buchungsprozess kund innen wählen ein fach in verschiedenen größen aus legen die artikel fest die darin abgelegt werden sollen und verwenden anschließend einen qr code um das fach zu öffnen und ihre lieferung abzuholen mit unserer expertise in motion design und illustration haben wir eine interaktive und ansprechende erfahrung geschaffen die den praktischen nutzen und die benutzerfreundlichkeit von box anschaulich vermittelt left default projects box die abholstation default page public default green null bitcrowd projects db box die abholstation wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js


Bahnhöfe in Deutschland (2023) 
Bahnreisende in Deutschland (2023) 
Versendete Pakete in Deutschland (2023) 
Das Team von Box trat mit klaren Anforderungen an uns heran. Vor dem Hintergrund der verbindlichen rechtlichen Vorgaben und Haftungserwartungen haben wir ein innovatives und zugleich rechtssicheres Produkt entwickelt, das sowohl den hohen Anforderungen gerecht wird als auch den Nutzer:innen einen echten Mehrwert bietet. 
Produktdefinition
Zusammen mit der Deutschen Bahn haben wir die Produktanforderungen detailliert ausgearbeitet und verfeinert. Angesichts der strengen rechtlichen Vorgaben zur Erhebung und Speicherung personenbezogener Daten haben wir das Produkt so entwickelt, dass es den Datenschutzbestimmungen und allen rechtlichen Anforderungen entspricht. Da es sich um einen Service in der realen Welt handelte, mussten zudem physische Einschränkungen und Haftungsfragen berücksichtigt werden. 

Das Backend-Team von bitcrowd arbeitete eng mit den Product Ownern und Berater:innen von Box zusammen, um ein System zu entwickeln, das nicht nur den Anforderungen gerecht wurde, sondern auch robust, sicher und einfach wartbar blieb. Dieser Prozess fand in mehreren Iterationen statt – ein fortlaufender Austausch von Feedback, Anpassungen und Optimierungen. Dabei wurde intensiv erarbeitet, was notwendig war, um den Zustand der Abholfächer in jeder Phase des Buchungsprozesses korrekt darzustellen und gleichzeitig ein klares, benutzerfreundliches Produkt zu gewährleisten. Dies stellte eine besondere Herausforderung dar. Es war unmöglich, im Voraus zu wissen, wie viele Schließfächer – und in welcher Größe – bei der Buchung einer Lieferung verfügbar sein würden. Daher mussten wir ein System mit einem flexiblen, anpassbaren Algorithmus entwickeln, der in der Lage war, mit verschiedensten Edge Cases umzugehen. 
Gestaltung der User Flows
Während intensiver Workshops bei bitcrowd erstellten wir erste Skizzen und Wireframes, um jeden Schritt des Prozesses für Unternehmen, Endnutzer:innen und DB-Admins zu durchdenken. Besonderes Augenmerk galt der Einführung der Einzelhändler*innen in die Produktfunktionen sowie der möglichen unerwarteten Komplikationen, die durch die reale Nutzung entstehen könnten.
Der Prozess umfasste auch Vorschläge für zukünftige Verbesserungen des Buchungssystems. Auch wenn es nicht möglich war, das Produkt beim ersten Versuch zu perfektionieren, wollten wir alle Potenziale ausloten, die künftige Versionen bereichern könnten.
Manchmal ändern sich die Anforderungen des Kunden – das passiert! Anpassungsfähigkeit ist eine wichtige Stärke von Entwickler:innen, und in diesem Fall mussten wir recht spät im Designprozess flexibel reagieren. Wir passten die Userflows an die neuen Bedürfnisse an, behielten jedoch die ursprünglichen Versionen für eine spätere Verwendung bei. Hoffentlich ermöglicht die fortlaufende Weiterentwicklung des Projekts, Funktionen wiederherzustellen, die wir vorübergehend entfernen mussten.
Unser Backend-Team entwickelte die notwendigen Systeme für dieses sicherheitskritische Vorhaben, während unser Frontend-Team nach den Vorgaben der UX- und Visual-Designer arbeitete. 
Visuelles Design
Obwohl es sich um ein B2B-Projekt handelt, erforderte es ein Design, das dem einer ausgereiften B2C-Lösung entspricht. Die Kundschaft von Box besteht aus Einzelhändler:innen, die den Service nutzen, um ihre Produkte an Endkund*innen zu liefern. Die Deutsche Bahn wollte das Produkt jedoch auch für eine ganz neue Zielgruppe von Unternehmen sowie für Endkund*innen zugänglich machen, die möglicherweise noch nie zuvor ein eigenes Abholfach verwendet haben. Es war entscheidend, dass sowohl die Unternehmen als auch die Endkund*innen ein verständliches und benutzerfreundliches System nutzen können, das sich mühelos in ihren Alltag integriert. 
Produkt Update
Seit dem Soft-Launch von Box hat bitcrowd das Produkt kontinuierlich weiterentwickelt. Während sich einige Erweiterungen noch in der Designphase befinden, wurde kürzlich eine Neuerung der Öffentlichkeit zugänglich gemacht: eine interaktive Demo, die auf Messen eingesetzt wird, um das Produkt zu präsentieren. Diese browserbasierte Anwendung führt die Nutzer:innen durch den gesamten Buchungsprozess: Kund:innen wählen ein Fach in verschiedenen Größen aus, legen die Artikel fest, die darin abgelegt werden sollen, und verwenden anschließend einen QR-Code, um das Fach zu öffnen und ihre Lieferung abzuholen. Mit unserer Expertise in Motion Design und Illustration haben wir eine interaktive und ansprechende Erfahrung geschaffen, die den praktischen Nutzen und die Benutzerfreundlichkeit von Box anschaulich vermittelt.

bitcrowd projects — DB Box - die Abholstation

Box - die Abholstation

box die abholstation

radioeye projects radioeye radioeye left default die story left default weitere vergangene projekte default h3 left default projects radioeye default page public default default null

radioeye projects radioeye radioeye das produktdie forschung der radiologen der charité bildete die grundlage für das training eines maschinellen lernmodells das klinikern bei der diagnose verschiedener augenkrankheiten unterstützen soll statt mühsam in gedruckten fachbüchern oder fallhistorien datenbanken nach informationen zu suchen können klinikern nun mrt scans in die anwendung hochladen die anwendung liefert daraufhin mögliche diagnosen ergänzt durch die krankengeschichte und vollständig navigierbare scans was sowohl die geschwindigkeit als auch die genauigkeit der diagnose erheblich steigert left default die story auf grundlage der ersten präsentation des radioeye teams und des prototyp click dummys wurde das projekt vom bih inkubator der charité zur weiterentwicklung freigegeben anschließend trat das radioeye team an uns heran um das konzept in eine voll funktionsfähige webanwendung zu verwandeln erste schritte dank des von radioeye entwickelten prototyps erfasste unser design team die projektvision schnell und präzise in enger zusammenarbeit mit den radiolog innen überarbeiteten wir die userflows und das ui design der app um das produkt besser an die bedürfnisse der klinischen fachkräfte anzupassen die kernfunktionen wurden durch die integration zusätzlicher screens und ui elemente weiter optimiert wir führten mehrere workshop runden durch um den prozess des bild uploads zu optimieren und sicherzustellen dass dieser den anforderungen der klinischen anwender innen gerecht wird parallel dazu integrierten wir das pacs system der radiolog innen das zur navigation von mrt bildern dient konzeptanpassungen während der entwicklung der ersten userflows und wireframes arbeitete bitcrowd eng mit radiolog innen an der einführung eines neuen konzepts namens fall basierte triage dieses konzept unterstützt medizinisches fachpersonal dabei die vom algorithmus vorgeschlagenen fälle gezielter zu bewerten und anzuwenden so ermöglicht es eine gepinnte fall liste für schnellen zugriff auf relevante fälle angezeigte potenzielle übereinstimmungen umfassen dabei verschiedene diagnosen als differentialdiagnostische optionen was die genauigkeit geschwindigkeit und vollständigkeit der beurteilung erheblich verbessert indem wir uns in die perspektive der nutzer innen versetzten identifizierten wir mögliche hürden und unklarheiten für das klinische personal um an diesen stellen gezielt zusätzliche hilfestellungen einzubauen prototypen in dieser frühen designphase setzten wir einen click dummy prototypen ein um die app zum leben zu erwecken mit wireframes verknüpften wir jede ansicht durch einen einfachen klick wodurch wir die navigation von einer ansicht zur nächsten simulieren konnten so erhielten wir ein erstes gefühl für die funktionsweise der app und konnten potenzielle probleme frühzeitig identifizieren für den ersten prototypen verwendeten wir zu beginn einfache low fidelity wireframes die wir im laufe der zeit zu detaillierteren high fidelity wireframes weiterentwickelten durch den einsatz von prototypen während der design iterationen konnten wir die position und gruppierung der ui elemente kontinuierlich verfeinern dadurch entstand eine besonders klare und benutzerfreundliche oberfläche die die nutzererfahrung bei radioeye auf das nächste level hob visuelles design während wir die designs immer weiter verfeinerten passten wir das layout gezielt an die spezifischen anforderungen von radioeye an die benutzeroberfläche sollte dabei sowohl minimalistisch als auch hochfunktional sein mit einem dark mode der sich nahtlos in die gängige software für die anzeige von mrt bildern einfügt natürlich steht funktionalität an erster stelle aber auch das visuelle design spielt eine entscheidende rolle wir entwickelten verschiedene varianten der offiziellen farbpalette die perfekt zum dark mode passten und zugleich eine subtile markenwiedererkennung ermöglichten das icons set wählten wir mit bedacht aus um sowohl klarheit als auch charakter zu vermitteln so entstand eine oberfläche die nicht nur hervorragend funktioniert sondern auch optisch überzeugt frontend webanwendung mit den visuellen designs userflows und prototypen begann unser frontend team mit der entwicklung einer besonders responsiven react webanwendung die komponentenbibliothek wurde mithilfe von storybook strukturiert sodass wir die benutzeroberfläche kontinuierlich erstellen testen und optimieren konnten während gleichzeitig die funktionalität der app weiterentwickelt wurde die radioeye app ist auf einer breiten palette von geräten einsatzfähig von den leistungsstarken desktop pcs im radiologielabor bis hin zu weniger leistungsstarken laptops und tablets backend funktionaliät um die webanwendung mit der machine learning technologie zu integrieren wurde sie so entwickelt dass sie anfragen an eine speziell vom backend team bei bitcrowd entworfene elixir api stellt die webanwendung sendet dabei bilder an die api welche diese an den ml algorithmus weiterleitet der algorithmus ruft daraufhin relevante fälle aus der datenbank ab die schließlich zurück an die anwendung übermittelt und dem klinischen personal angezeigt werden iteration radioeye v1 wurde in verschiedenen krankenhäusern in berlin getestet daraufhin wandte sich das bih an bitcrowd um eine zweite version zu entwickeln v2 wurde auf basis von feedback der nutzer innen konzipiert und brachte bedeutende verbesserungen in der benutzeroberfläche sowie der navigation eine hierarchische fall liste wurde hinzugefügt die fälle nach regionen des auges gruppiert so können ärzt innen die ergebnisse des machine learning mit ihrem eigenen fachwissen kombinieren der neue onboarding prozess in v2 erleichterte es neuen nutzer innen sich schneller in der anwendung zurechtzufinden darüber hinaus verbesserten wir die übergänge zwischen dem pacs system und radioeye da radiolog innen häufig mehr quadratische bildschirme verwenden entwickelten wir eine landscape version der anwendung um die benutzererfahrung weiter zu optimieren left default weitere vergangene projekte default h3 left default projects radioeye default page public default default null


Das ProduktDie Forschung der Radiologen der Charité bildete die Grundlage für das Training eines maschinellen Lernmodells, das Klinikern bei der Diagnose verschiedener Augenkrankheiten unterstützen soll. Statt mühsam in gedruckten Fachbüchern oder Fallhistorien-Datenbanken nach Informationen zu suchen, können Klinikern nun MRT-Scans in die Anwendung hochladen. Die Anwendung liefert daraufhin mögliche Diagnosen, ergänzt durch die Krankengeschichte und vollständig navigierbare Scans – was sowohl die Geschwindigkeit als auch die Genauigkeit der Diagnose erheblich steigert. 
Auf Grundlage der ersten Präsentation des Radioeye-Teams und des Prototyp-Click-Dummys wurde das Projekt vom BIH-Inkubator der Charité zur Weiterentwicklung freigegeben. Anschließend trat das Radioeye-Team an uns heran, um das Konzept in eine voll funktionsfähige Webanwendung zu verwandeln. 
Erste Schritte
Dank des von Radioeye entwickelten Prototyps erfasste unser Design-Team die Projektvision schnell und präzise. In enger Zusammenarbeit mit den Radiolog*innen überarbeiteten wir die Userflows und das UI-Design der App, um das Produkt besser an die Bedürfnisse der klinischen Fachkräfte anzupassen. Die Kernfunktionen wurden durch die Integration zusätzlicher Screens und UI-Elemente weiter optimiert.
Wir führten mehrere Workshop-Runden durch, um den Prozess des Bild-Uploads zu optimieren und sicherzustellen, dass dieser den Anforderungen der klinischen Anwender*innen gerecht wird. Parallel dazu integrierten wir das PACS-System der Radiolog*innen, das zur Navigation von MRT-Bildern dient. 
Konzeptanpassungen
Während der Entwicklung der ersten Userflows und Wireframes arbeitete bitcrowd eng mit Radiolog*innen an der Einführung eines neuen Konzepts namens „Fall-basierte Triage“. Dieses Konzept unterstützt medizinisches Fachpersonal dabei, die vom Algorithmus vorgeschlagenen Fälle gezielter zu bewerten und anzuwenden. So ermöglicht es eine „gepinnte Fall-Liste“ für schnellen Zugriff auf relevante Fälle. Angezeigte potenzielle Übereinstimmungen umfassen dabei verschiedene Diagnosen als differentialdiagnostische Optionen, was die Genauigkeit, Geschwindigkeit und Vollständigkeit der Beurteilung erheblich verbessert.
Indem wir uns in die Perspektive der Nutzer:innen versetzten, identifizierten wir mögliche Hürden und Unklarheiten für das klinische Personal, um an diesen Stellen gezielt zusätzliche Hilfestellungen einzubauen. 
Prototypen
In dieser frühen Designphase setzten wir einen Click-Dummy-Prototypen ein, um die App zum Leben zu erwecken. Mit Wireframes verknüpften wir jede Ansicht durch einen einfachen Klick, wodurch wir die Navigation von einer Ansicht zur nächsten simulieren konnten. So erhielten wir ein erstes Gefühl für die Funktionsweise der App und konnten potenzielle Probleme frühzeitig identifizieren.

Für den ersten Prototypen verwendeten wir zu Beginn einfache Low-Fidelity-Wireframes, die wir im Laufe der Zeit zu detaillierteren High-Fidelity-Wireframes weiterentwickelten.
Durch den Einsatz von Prototypen während der Design-Iterationen konnten wir die Position und Gruppierung der UI-Elemente kontinuierlich verfeinern. Dadurch entstand eine besonders klare und benutzerfreundliche Oberfläche, die die Nutzererfahrung bei Radioeye auf das nächste Level hob. 
Visuelles Design
Während wir die Designs immer weiter verfeinerten, passten wir das Layout gezielt an die spezifischen Anforderungen von Radioeye an. Die Benutzeroberfläche sollte dabei sowohl minimalistisch als auch hochfunktional sein, mit einem „Dark Mode“, der sich nahtlos in die gängige Software für die Anzeige von MRT-Bildern einfügt.

Natürlich steht Funktionalität an erster Stelle, aber auch das visuelle Design spielt eine entscheidende Rolle! Wir entwickelten verschiedene Varianten der offiziellen Farbpalette, die perfekt zum Dark Mode passten und zugleich eine subtile Markenwiedererkennung ermöglichten. Das Icons-Set wählten wir mit Bedacht aus, um sowohl Klarheit als auch Charakter zu vermitteln – so entstand eine Oberfläche, die nicht nur hervorragend funktioniert, sondern auch optisch überzeugt. 
Frontend Webanwendung
Mit den visuellen Designs, Userflows und Prototypen begann unser Frontend-Team mit der Entwicklung einer besonders responsiven React-Webanwendung. Die Komponentenbibliothek wurde mithilfe von Storybook strukturiert, sodass wir die Benutzeroberfläche kontinuierlich erstellen, testen und optimieren konnten, während gleichzeitig die Funktionalität der App weiterentwickelt wurde.
Die Radioeye-App ist auf einer breiten Palette von Geräten einsatzfähig – von den leistungsstarken Desktop-PCs im Radiologielabor bis hin zu weniger leistungsstarken Laptops und Tablets. 
Backend Funktionaliät
Um die Webanwendung mit der Machine-Learning-Technologie zu integrieren, wurde sie so entwickelt, dass sie Anfragen an eine speziell vom Backend-Team bei bitcrowd entworfene Elixir-API stellt. Die Webanwendung sendet dabei Bilder an die API, welche diese an den ML-Algorithmus weiterleitet. Der Algorithmus ruft daraufhin relevante Fälle aus der Datenbank ab, die schließlich zurück an die Anwendung übermittelt und dem klinischen Personal angezeigt werden. 
Iteration
Radioeye V1 wurde in verschiedenen Krankenhäusern in Berlin getestet. Daraufhin wandte sich das BIH an bitcrowd um eine zweite Version zu entwickeln. V2 wurde auf Basis von Feedback der Nutzer:innen konzipiert und brachte bedeutende Verbesserungen in der Benutzeroberfläche sowie der Navigation. Eine hierarchische Fall-Liste wurde hinzugefügt, die Fälle nach Regionen des Auges gruppiert – so können Ärzt*innen die Ergebnisse des Machine Learning mit ihrem eigenen Fachwissen kombinieren.

Der neue Onboarding-Prozess in V2 erleichterte es neuen Nutzer:innen, sich schneller in der Anwendung zurechtzufinden. Darüber hinaus verbesserten wir die Übergänge zwischen dem PACS-System und Radioeye. Da Radiolog*innen häufig mehr quadratische Bildschirme verwenden, entwickelten wir eine Landscape-Version der Anwendung, um die Benutzererfahrung weiter zu optimieren.

Radioeye

radioeye

Vicky

everyworks projects everyworks everyworks das produkt left default die story left default neue features und wartung left default weitere vergangene projekte default h3 left default projects everyworks default page public default default null

everyworks projects everyworks everyworks das produkt die deutsche bahn station service ag besitzt eine vielzahl von immobilien rund um ihre bahnhöfe in ganz deutschland diese werden nun als flexible büroflächen und besprechungsräume angeboten sodass die millionen von pendler innen täglich von einem landesweiten netzwerk flexibler arbeitsräume und besprechungsräume profitieren können gleichzeitig nutzt die db ihre bahnhofsimmobilien effizienter das herzstück der everyworks anwendung ist ein abrechnungs und zahlungssystem kombiniert mit kundenmanagement einem kalender und buchungssystem einer verwaltung von administratorzugängen und einem html basierten e mail benachrichtigungsdienst dadurch können everyworks administrator innen die verfügbaren besprechungsräume und schreibtische verwalten buchungen und reinigungsdienste planen sowie kundenkonten und den zugang ihrer eigenen mitarbeiter innen zum system verwalten left default die story wir haben das backend von everyworks in elixir entwickelt und dabei die hohe zuverlässigkeit sowie präzision der funktionalen programmiersprache genutzt um eine stabile und leistungsfähige anwendung zu schaffen die anwendung wurde mit dem klassischen controller ansatz entwickelt wobei die interaktiveren teile der benutzeroberfläche mit phoenix liveview realisiert wurden diese technologie ermöglicht es funktionalität serverseitig zu implementieren und die benutzeroberfläche in echtzeit an datenänderungen anzupassen wodurch eine besonders reaktionsschnelle interaktion gewährleistet wird darüber hinaus bietet liveview ein gut durchdachtes umfassendes komponenten system für backend sprachen mit dem sich ein organisiertes system aus reichhaltigen gekapselten und wartbaren komponenten erstellen lässt unser backend team hat die graphql api entwickelt die von der everyworks app genutzt wird dadurch können kund innen über ihre smartphones buchungen vornehmen und ihre konten verwalten der schnelle und bequeme zugang zu den reservierten arbeitsplätzen erfolgt über ein einladungssystem bei dem qr codes generiert und an die kund innen sowie ihre gäste gesendet werden um beim eintreffen gescannt zu werden die anwendung wird auf aws unter verwendung von kubernetes betrieben was uns eine zuverlässige anwendungsumgebung blitzschnelle reaktionszeiten und branchenführende betriebszeiten ermöglicht kundinnen interagieren mit dem service über die mobile app und html e mails diese html e mails enthalten die qr codes für jede buchung dienen als zuverlässige backup option zur mobilen app und ermöglichen es gästen der kund innen ohne eigenes konto auf den service zuzugreifen die e mails sind im everyworks design gehalten responsiv und wurden auf über 40 e mail clients und plattformen getestet sie müssen immer einwandfrei funktionieren und gut aussehen unabhängig davon welches gerät oder welche e mail app die kund innen verwenden left default neue features und wartung der service begann schlicht doch im laufe der jahre haben wir das angebot stetig ausgebaut um mit dem wachstum von everyworks mitzuhalten und den zunehmenden bedürfnissen der kund innen gerecht zu werden das produkt begann mit der bereitstellung von arbeitsplätzen die auf minutenbasis und nach dem pay as you go prinzip gebucht werden konnten im laufe der zeit wurde das angebot kontinuierlich erweitert und zahlreiche neue funktionen eingeführt dazu gehören unter anderem meetingräume mit flatrate preisgestaltung für mehrere eingeladene teilnehmer innen flexible prepaid minuten wallets tagespässe gutscheine und rabattaktionen diese neuen funktionen haben dazu beigetragen dass sich everyworks noch besser in den alltag ihrer kund innen integriert und neue zielgruppen aus anderen marktsegmenten angesprochen werden konnten zu beginn war everyworks ein eigenständiges produkt für die deutsche bahn und für uns in den letzten vier jahren haben wir jedoch eine reihe weiterer dienstleistungen für die db station service ag entwickelt die unter dem dach des digital marketplace dima zusammengefasst sind weitere details zu diesen projekten führen wir in der projektsektion der website auf es wurde zunehmend sinnvoll everyworks in denselben codebestand wie die anderen dima dienste zu integrieren auch wenn dies keine leichte aufgabe war der umzug erforderte einiges an arbeitskapazität hat sich jedoch ausbezahlt weniger wartungsaufwand höhere zuverlässigkeit und eine verbesserte benutzeroberfläche da die admin bereiche von everyworks nun alle neuen funktionen enthalten die wir in der zwischenzeit für die anderen produkte entwickelt haben seit der umstellung ist das hinzufügen neuer funktionen nicht nur einfacher sondern auch besser integriert left default weitere vergangene projekte default h3 left default projects everyworks default page public default default null


Die Deutsche Bahn Station&Service AG besitzt eine Vielzahl von Immobilien rund um ihre Bahnhöfe in ganz Deutschland. Diese werden nun als flexible Büroflächen und Besprechungsräume angeboten, sodass die Millionen von Pendler:innen täglich von einem landesweiten Netzwerk flexibler Arbeitsräume und Besprechungsräume profitieren können. Gleichzeitig nutzt die DB ihre Bahnhofsimmobilien effizienter.
Das Herzstück der everyworks-Anwendung ist ein Abrechnungs- und Zahlungssystem, kombiniert mit Kundenmanagement, einem Kalender- und Buchungssystem, einer Verwaltung von Administratorzugängen und einem HTML-basierten E-Mail-Benachrichtigungsdienst. Dadurch können everyworks-Administrator:innen die verfügbaren Besprechungsräume und Schreibtische verwalten, Buchungen und Reinigungsdienste planen sowie Kundenkonten und den Zugang ihrer eigenen Mitarbeiter:innen zum System verwalten. 
Wir haben das Backend von everyworks in Elixir entwickelt und dabei die hohe Zuverlässigkeit sowie Präzision der funktionalen Programmiersprache genutzt, um eine stabile und leistungsfähige Anwendung zu schaffen 
Die Anwendung wurde mit dem klassischen Controller-Ansatz entwickelt, wobei die interaktiveren Teile der Benutzeroberfläche mit Phoenix LiveView realisiert wurden. Diese Technologie ermöglicht es, Funktionalität serverseitig zu implementieren und die Benutzeroberfläche in Echtzeit an Datenänderungen anzupassen, wodurch eine besonders reaktionsschnelle Interaktion gewährleistet wird. Darüber hinaus bietet LiveView ein gut durchdachtes, umfassendes Komponenten-System für Backend-Sprachen, mit dem sich ein organisiertes System aus reichhaltigen, gekapselten und wartbaren Komponenten erstellen lässt. 
Unser Backend-Team hat die GraphQL-API entwickelt, die von der everyworks-App genutzt wird. Dadurch können Kund*innen über ihre Smartphones Buchungen vornehmen und ihre Konten verwalten. Der schnelle und bequeme Zugang zu den reservierten Arbeitsplätzen erfolgt über ein Einladungssystem, bei dem QR-Codes generiert und an die Kund*innen sowie ihre Gäste gesendet werden, um beim Eintreffen gescannt zu werden.
Die Anwendung wird auf AWS unter Verwendung von Kubernetes betrieben, was uns eine zuverlässige Anwendungsumgebung, blitzschnelle Reaktionszeiten und branchenführende Betriebszeiten ermöglicht. 
Kundinnen interagieren mit dem Service über die mobile App und HTML-E-Mails. Diese HTML-E-Mails enthalten die QR-Codes für jede Buchung, dienen als zuverlässige Backup-Option zur mobilen App und ermöglichen es Gästen der Kund:innen, ohne eigenes Konto auf den Service zuzugreifen. Die E-Mails sind im everyworks-Design gehalten, responsiv und wurden auf über 40 E-Mail-Clients und Plattformen getestet. Sie müssen immer einwandfrei funktionieren und gut aussehen, unabhängig davon, welches Gerät oder welche E-Mail-App die Kund:innen verwenden. 
Der Service begann schlicht, doch im Laufe der Jahre haben wir das Angebot stetig ausgebaut, um mit dem Wachstum von everyworks mitzuhalten und den zunehmenden Bedürfnissen der Kund:innen gerecht zu werden. 
Das Produkt begann mit der Bereitstellung von Arbeitsplätzen, die auf Minutenbasis und nach dem Pay-as-you-go-Prinzip gebucht werden konnten. Im Laufe der Zeit wurde das Angebot kontinuierlich erweitert und zahlreiche neue Funktionen eingeführt. Dazu gehören unter anderem Meetingräume mit Flatrate-Preisgestaltung für mehrere eingeladene Teilnehmer:innen, flexible Prepaid-Minuten-Wallets, Tagespässe, Gutscheine und Rabattaktionen.
Diese neuen Funktionen haben dazu beigetragen, dass sich everyworks noch besser in den Alltag ihrer Kund:innen integriert und neue Zielgruppen aus anderen Marktsegmenten angesprochen werden konnten. 
Zu Beginn war everyworks ein eigenständiges Produkt für die Deutsche Bahn und für uns. In den letzten vier Jahren haben wir jedoch eine Reihe weiterer Dienstleistungen für die DB Station&Service AG entwickelt, die unter dem Dach des „Digital Marketplace“ (DiMa) zusammengefasst sind. Weitere Details zu diesen Projekten führen wir in der Projektsektion der Website auf. 

Es wurde zunehmend sinnvoll, everyworks in denselben Codebestand wie die anderen DiMa-Dienste zu integrieren – auch wenn dies keine leichte Aufgabe war. Der Umzug erforderte einiges an Arbeitskapazität, hat sich jedoch ausbezahlt: Weniger Wartungsaufwand, höhere Zuverlässigkeit und eine verbesserte Benutzeroberfläche, da die Admin-Bereiche von everyworks nun alle neuen Funktionen enthalten, die wir in der Zwischenzeit für die anderen Produkte entwickelt haben. Seit der Umstellung ist das Hinzufügen neuer Funktionen nicht nur einfacher, sondern auch besser integriert.

everyworks

radfix projects radfix radfix 5697 82 500 000 81 4 default blue the product left default the story left default the digital marketplace left default the team left pink more past projects default h3 left default projects radfix default page public blue blue null

radfix projects radfix radfix 5697 train stations in germany 2023 82 500 000 number of bicycles in germany 2022 81 4 german households with at least one bicycle default blue the product providing repair and maintenance services for cyclists at train stations is a great way to make using green transport methods even easier even better this project brings local bike workshops new customers supporting the local economy using radfix cyclists can bring their bike to one of the radfix bike lock stations in the morning book a repair simply on their phone then pick up their fully serviced bike at the end of the workday from the same location we were super happy to be working with deutsche bahn to bring the first of their service stations ag project to life this product involved every team at bitcrowd working together to design build every aspect of the service left default the story just as the lockdowns of the covid pandemic were being announced here in germany we started the first of our projects with deutsche bahn service station ag due to the lockdowns we moved our processes online an experiment that turned out so successful that we now work remotely most of the time the radfix team came to us with a well formed high level idea of what their product would be and wanted that idea to become a fully defined and refined product we guided this process leading a series of workshops using established techniques of brainstorming ideation sketching and wireframing to explore the way radfix could work and how it could fit into the lives of our customers we held online workshops in shared video calls together with a shared online infinite canvas participants could draw freely on this digital whiteboard sharing and expanding their ideas while discussing and giving feedback and judging reactions through the video call at the end of this ideation process we had a clear and precise definition of the product what features it would have exactly how they should work its limitations and how the user would move through the main functionality we refined the rough lo fi wireframes we had sketched collaboratively with the radfix team giving us a specification of the content and functionality of screens of the app with these wireframes and the other diagrams we had created we could start building each aspect of the application our backend team built the server side functionality and database that s needed to support the application s functionality our design team took the wireframes and applied layout color and branding step by step creating the ui that the app s users will see this is a highly iterative process where we rely on guidance from the clients clients know their customers and their brand and are best placed to validate choices made here once the client gives the visual designs the ok our frontend team can build the app knowing that they have a stable fixed specification of the ui they will build any changes from this point on are normally minor normally only needed for technical reasons of course not everything is foreseeable and sometimes we have to deal with last minute requirement changes from clients due to legal advice or business reasons left default the digital marketplace radfix was the first of many products in deustche bahn s digital marketplace dima we were designing and building for this project and for many future projects the basis we would build here had to be finely planned we needed to be able to build new products into the ecosystem for the years to come so it had to be robust reliable and extensible the backend team designed the server side logic to handle each of the deutsche bahn projects that we knew would follow radfix each project shares much of the same code functionality making implementation quicker and the products more reliable our design team learned their way around the deutsche bahn styleguides and design systems db gave us access to their styleguide and design system documentation and even provided some remote face to face time with their design team this meant we could create fitting new ui elements for radfix extending their design language these components would be applied to all the incoming db projects including the customer facing webapps and the marketing landing pages the frontend team chose the tech stack and designed an app repo structure that would work well for radfix and for each of the coming db projects with each project we expanded and refined the component library we built for radfix sharing these advances with each project we built the customer facing webapp on react tailwind and handled the data and data bindings with graphql and apollo we used storybook for organising and qaing the beginnings of our new component library that included components such as a date picker slider and hamburger menu sidebar the webapp is a mobile first app with adaptions to work larger screened devices for the technical and usability advantages we normally build mobile first on this project mobile users were the focus so we needed few desktop adjustments for the mvp radfix needed an engaging branded landing page to inform both cyclists and bicycle workshops about the advantages of the service based on their specifications we designed each of the required pages creating a variety of visually interesting layouts to present different blocks of content the pages are editable using the user friendly apostrophe cms db employed a branding agency to create illustrations and text content for the site we collaborated with them giving content specifications and visual designs this was an iterative process with the radfix team giving feedback at each round we published the new ui components as a sketch component library making them accessible in the design software for db designers to try out layouts of new pages before building them in the cms left default the team left pink more past projects default h3 left default projects radfix default page public blue blue null


Train stations in Germany (2023) 
Number of bicycles in Germany (2022) 
German households with at least one bicycle 
Providing repair and maintenance services for cyclists at train stations is a great way to make using green transport methods even easier. Even better, this project brings local bike workshops new customers, supporting the local economy.
Using Radfix, cyclists can bring their bike to one of the Radfix bike lock stations in the morning, book a repair simply on their phone, then pick up their fully-serviced bike at the end of the workday from the same location.
We were super happy to be working with Deutsche Bahn to bring the first of their Service&Stations AG project to life. This product involved every team at bitcrowd, working together to design & build every aspect of the service. 
Just as the lockdowns of the Covid pandemic were being announced here in Germany, we started the first of our projects with Deutsche Bahn Service&Station AG. Due to the lockdowns, we moved our processes online, an experiment that turned out so successful that we now work remotely most of the time. 
The Radfix team came to us with a well-formed high-level idea of what their product would be, and wanted that idea to become a fully-defined and refined product. We guided this process, leading a series of workshops using established techniques of brainstorming, ideation, sketching, and wireframing to explore the way Radfix could work, and how it could fit into the lives of our customers.
We held online workshops in shared video calls, together with a shared online “infinite canvas”. Participants could draw freely on this digital whiteboard, sharing and expanding their ideas, while discussing and giving feedback, and judging reactions, through the video call. 
At the end of this ideation process, we had a clear and precise definition of the product — what features it would have, exactly how they should work, its limitations, and how the user would move through the main functionality.
We refined the rough lo-fi wireframes we had sketched collaboratively with the Radfix team, giving us a specification of the content and functionality of screens of the app. With these wireframes , and the other diagrams we had created, we could start building each aspect of the application.
Our backend team built the server-side functionality and database that’s needed to support the application’s functionality. Our design team took the wireframes, and applied layout, color, and branding, step by step creating the UI that the app’s users will see. This is a highly iterative process, where we rely on guidance from the clients — clients know their customers and their brand, and are best-placed to validate choices made here. 
Once the client gives the visual designs the “OK”, our frontend team can build the app, knowing that they have a stable, fixed specification of the UI they will build. Any changes from this point on are normally minor, normally only needed for technical reasons. Of course not everything is foreseeable, and sometimes we have to deal with last-minute requirement changes from clients due to legal advice or business reasons. 
Radfix was the first of many products in Deustche Bahn’s Digital Marketplace (DiMa). We were designing and building for this project and for many future projects. The basis we would build here had to be finely planned — we needed to be able to build new products into the ecosystem for the years to come, so it had to be robust, reliable, and extensible. 
The backend team designed the server-side logic to handle each of the Deutsche Bahn projects that we knew would follow Radfix. Each project shares much of the same code & functionality, making implementation quicker and the products more reliable.
Our design team learned their way around the Deutsche Bahn styleguides and design systems. DB gave us access to their styleguide and design system documentation, and even provided some (remote) face-to-face time with their design team. This meant we could create fitting new UI elements for Radfix, extending their design language. These components would be applied to all the incoming DB projects, including the customer-facing webapps and the marketing landing pages. 
The frontend team chose the tech stack and designed an app & repo structure that would work well for Radfix and for each of the coming DB projects. With each project, we expanded and refined the component library we built for Radfix, sharing these advances with each project.
We built the customer-facing webapp  on react & tailwind, and handled the data and data bindings with graphql and apollo. We used storybook for organising and QAing the beginnings of our new component library. That included components such as a date-picker, slider, and hamburger-menu sidebar.
The webapp is a mobile-first app, with adaptions to work larger-screened devices. For the technical and usability advantages we normally build mobile-first; on this project mobile users were the focus, so we needed few desktop adjustments for the MVP. 
Radfix needed an engaging branded landing page to inform both cyclists and bicycle workshops about the advantages of the service. Based on their specifications we designed each of the required pages, creating a variety of visually interesting layouts to present different blocks of content. The pages are editable using the user-friendly Apostrophe CMS.
DB employed a branding agency to create illustrations and text content for the site. We collaborated with them, giving content specifications and visual designs. This was an iterative process, with the Radfix team giving feedback at each round. We published the new UI components as a Sketch component library, making them accessible in the design software for DB designers to try out layouts of new pages before building them in the CMS.

Radfix

radfix

projects wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js projects projects projects unsere projekte left pink default h2 small cta 1 contact us email null primary default left default plan your next project we re ready to help make your best product yet all you need to do is reach out hire us email left secondary default green projects default page public pink pink null bitcrowd projects wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js

projects wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js projects projects projects unsere projekte wir sind stolz auf das was wir tun hier teilen wir einige unserer erfolgsgeschichten left pink default h2 small cta 1 contact us email null primary default left default plan your next project we re ready to help make your best product yet all you need to do is reach out hire us email left secondary default green projects default page public pink pink null bitcrowd projects wir entwickeln außergewöhnliche anwendungen agil testgetrieben für das web in elixir ruby and react js

<p>Wir sind stolz auf das, was wir tun. Hier teilen wir einige unserer Erfolgsgeschichten.</p><p></p>

cta-hand

cta hand

cta hand image cta hand cta hand cta hand abstract illustration of a hand holding a pencil between the fingers and thumb offering it image cta hand

Hire us


Wir sind stolz auf das, was wir tun. Hier teilen wir einige unserer Erfolgsgeschichten.


bitcrowd — projects

Projects

projects

Schreib uns eine Nachricht

global bitcrowd bitcrowd gmbh leistungen page referenzen page über uns page jobs page blog url schreib uns eine nachricht email green anschrift bitcrowd gmbh köpenickerstr 126 10179 berlin deutschland kontakt info bitcrowd net 49 30 555 77 597 social media https github com bitcrowd https www linkedin com company bitcrowd https genserver social bitcrowd https twitter com bitcrowd https www facebook com bitcrowd https www instagram com bitcrowdnet impressum page datenschutzerklärung page die geschichte auftraggeber team besuchen min lesezeit details erfahre mehr filtern nach pink

Unsere Projekte

Box - Die Abholstation

Radioeye

everyworks

Plan your next project