Anhand des Projektes RegioKonneX erläutern wir unsere Vorgehensweise in Projekten

RegioKonneX

Stark durch Kooperation in Südwestfalen. Die erste regionale Matching-Plattform für Personen aus dem unternehmerischen Umfeld in Südwestfalen. Anhand des Projektes RegioKonneX erläutern wir unsere Vorgehensweise in Projekten.
Bild von Füßen, die eine Treppe hochgehen.
Projektschritte

Überblick

Verschaffe Dir einen schnellen Überblick über den Ablauf unserer Entwicklungsprojekte.

  1. 1

    Kostenfreies
    Erstgespräch

  2. 2

    Konzeption

  3. 3

    UI/UX-Design

  4. 4

    Entwicklung

  5. 5

    Bereitstellung

  6. 6

    Wartung

  7. 7

    Weiterentwicklung

1

Kostenfreies Erstgespräch

Sonja Pfaff vom Transferverbund Südwestfalen hatte mitbekommen, dass Nina Felek einen Umsetzungspartner für ihre Idee suchte und empfahl lenne.Tech.
Das Erstgespräch zwischen Nina Felek, Sonja Pfaff und Kai Haase fand bei der Volksbank Südwestfalen in Meinerzhagen statt. In diesem Gespräch wurde die Idee für eine regionale Netzwerkplattform, der aktuelle Stand der Konzeption sowie Wünsche und Möglichkeiten für das weitere Vorgehen geklärt. Dann wurde ein gemeinsamer Termin für einen Konzeptionsworkshop gesucht, um die Idee detaillierter ausarbeiten zu können.

Ablauf & Teilschritte
Bedarfsanalyse
Bild von zwei Personen, die sich die Hand reichen.

Bei der Bedarfsanalyse besprechen wir gemeinsam mit Dir, welche Idee bzw. welche Herausforderung Dich gerade beschäftigt. Dann klären wir durch gezielte Rückfragen, ob und wie wir Dich unterstützen können.

Ablaufplanung
Bild einer Treppe.

Sobald klar ist, dass eine Unterstützung durch uns zu Deinen Bedürfnissen passt, erklären wir Dir kurz, wie wir allgemein vorgehen. Dann machen wir Dir einen konkreten Vorschlag für die nächsten gemeinsamen Schritte in Deinem Projekt.

Fördermittelempfehlung
Bild von Geldmünzen, die in Form einer Treppe gestapelt sind.

Falls gewünscht, können wir auch potenziell passende Fördermittel empfehlen, mit denen wir und unsere Kund:innen bereits gute Erfahrungen gemacht haben. Es handelt sich hier nicht um eine umfassende Beratung, bei Bedarf vermitteln wir Dir gerne einen passenden Kooperationspartner aus unserem Netzwerk.

2

Grobkonzept

Als ein Termin gefunden war, wurde der vierstündige Workshop in Lüdenscheid bei der Volksbank Südwestfalen durchgeführt. Mit dabei waren verschiedene Teilnehmer:innen, deren Perspektive und Expertise für die Konzeption unerlässlich waren. So konnten wir die Bereiche der Nutzer:innen, Betreiber:innen, Marketing und Technik abdecken. Im Rahmen des Workshops wurden u. a. die Zielgruppen, Kernfeatures, technische Optionen und Strukturen erarbeitet, diskutiert und dokumentiert.

Die Ergebnisse des Workshops sowie zusätzliche Informationen aus Vorarbeiten des RegioKonneX-Teams wurden dann von uns innerhalb von zwei Wochen im Rahmen einer Konzeptmappe aufbereitet und weiter ausgearbeitet, sodass sie als Grundlage für Wireframe und Design dienen konnte. Nach einer Optimierungsrunde ging das Team von RegioKonneX dann in Gespräche mit uns, aber auch mit verschiedenen anderen Anbietern bzgl. der nächsten Projektschritte.

Ablauf & Teilschritte
Konzeptionsworkshop
Bild von Personen vor einer Pinnwand.

Im Rahmen dieses durchschnittlich vierstündigen Workshops erarbeiten wir gemeinsam den Kern Deines Projekts mit allen Features und Maßnahmen für die folgenden Projektschritte. Die eingesetzten Methoden und Tools variieren je nach Projekt und Anzahl der teilnehmenden Personen.
In der Regel nehmen ein bis zwei Personen aus unserem Team teil sowie die für das betreffende Projekt notwendigen und relevanten Personen aus Deinem Unternehmen. Der Workshop findet vor Ort bei uns oder bei Dir statt.

Konzeptmappe
Bild eines Tablets, auf dem ein Konzept zu sehen ist.

Die Konzeptmappe basiert auf dem Konzeptionsworkshop und allen Unterlagen oder Informationen aus vorherigen Besprechungen, die uns zur Verfügung stehen. In der Mappe stellen kurz das Projekt und die Ziele dar und definieren, was die Lösung können soll (Feautures). Weiterhin stellen wir die Kernprozesse als Ablaufdiagramm dar und geben konkrete Empfehlungen für die technologische Umsetzung. Die Konzeptmappe dient Dir als Orientierung und Entscheidungsgrundlage für die nächsten Projektschritte.

3

UI/UX-Design

Am Ende hat sich das RegioKonneX-Team für uns entschieden und wir durften mit dem nächsten Schritt starten, dem Design. In dieser Phase gab es viele Gespräche, Feedbackrunden, Namens- und Logoideen sowie engen Austausch zwischen uns und dem Team von RegioKonneX. Das Wireframe wurde für Usertests genutzt, Feedback eingeholt und die Entwürfe immer weiter optimiert.

Am Ende dieses viermonatigen Prozesses stand ein Design mit dem alle Beteiligten glücklich waren, sowohl mit der Gestaltung als auch im Hinblick auf Strukturen und Abläufe.

Ablauf & Teilschritte
Interaktives Wireframe
Bild eines iMacs, auf dem ein Wireframe abgebildet ist.

Wir erstellen in Figma für Dich ein interaktives Wireframe. Das ist ein visuelles Modell einer Website oder Anwendung, das grundlegende Layouts und Funktionen zeigt, aber ohne detailliertes Design oder Inhalte. Es ermöglicht Nutzer:innen, durch verschiedene Seiten oder Funktionen zu navigieren, um die Interaktivität und Nutzerführung zu testen. Das Wireframe hilft Dir, die Strukturen und Abläufe zu optimieren, bevor die eigentliche Entwicklung beginnt.

Styleguide
Bild eines Tablets, auf dem ein Styleguide zu sehen ist.

Wir erstellen für Dich einen Styleguide, der die Design- und Gestaltungsrichtlinien für Dein Projekt festlegt. Er definiert Elemente wie Farben, Typografie, Logos, Bildstile und oft auch Tonalität, um ein einheitliches Erscheinungsbild zu gewährleisten. Styleguides sorgen für Konsistenz in allen visuellen und kommunikativen Aspekten des Projekts, und Du kannst ihn als Basis für die Erstellung von Marketingmaterialien verwenden.

Komponenten-Bibliothek
Bild eines MacBooks, auf dem einzelne Design-Komponenten zu sehen sind.

Wir erstellen ebenfalls eine Komponenten-Bibliothek in Figma. Das ist eine Sammlung wiederverwendbarer, vordefinierter UI-Elemente wie Buttons, Formulare oder Navigationselemente, die in Web- oder Softwareprojekten genutzt werden können. Diese Komponenten sind standardisiert und oft modular aufgebaut, so können wir die spätere Entwicklung effizienter und konsistenter gestalten.

High Fidelity Clickdummy
Bild eines iMacs, auf dem ein Klick-Prototyp zu sehen ist.

Im letzten Schritt erstellen wir für Dich einen High Fidelity Clickdummy. Das ist ein interaktiver Prototyp, der Dein Projekt in hohem Detailgrad und realitätsnaher Optik darstellt, mit echten Bildern, Texten, Farben und Layouts. Er ermöglicht es Dir, durch Klicks verschiedene Funktionen und Seiten zu simulieren, um das Design und die Benutzererfahrung zu testen. Obwohl er visuell dem finalen Produkt ähnelt, besitzt er noch keine funktionalen Elemente.

4

Entwicklung

Nach der Finalisierung der Design-Phase konnten wir mit der Entwicklung starten.  In monatlichen Meetings tauschten wir uns gemeinsam mit dem RegioKonneX-Team über den aktuellen Fortschritt und die nächsten Schritte aus.

Nachdem dann die ersten Grundlagen gelegt waren und wir das Testsystem mit 50.000 Profilen gefüllt hatten, konnte auch das Team von RegioKonneX wieder aktiv werden und parallel zur Entwicklung die bereits fertigen Features testen. So entwickelten und optimierten wir in einem Zeitraum von 6 Monaten die erste Version von RegioKonneX.

Ablauf & Teilschritte
Frontend
Bild eines MacBooks, auf dem eine Unterseite der Plattform RegioKonneX dargestellt ist.

Die Frontend-Entwicklung bezieht sich auf die Erstellung der visuellen und interaktiven Teile Deines Projekts, die direkt im Browser der Nutzer:innen angezeigt und verwendet werden. Dabei werden Sprachen wie HTML, CSS und JavaScript verwendet, um Layout, Design und Benutzerinteraktionen zu gestalten. In diesem Schritt sorgen wir auch dafür, dass Dein Projekt auf verschiedenen Geräten und Browsern einwandfrei funktioniert und eine ansprechende Nutzererfahrung bietet.

Backend
Bild eines iMacs mit grünen Zeichen und Symbolen auf dem Bildschirm.

Die Backend-Entwicklung bezieht sich auf die Programmierung der serverseitigen Logik und Datenverarbeitung, die im Hintergrund Deines Projekts abläuft. Sie umfasst die Verwaltung von Datenbanken, Servern und APIs, um die Funktionalität Deines Projekts sicherzustellen. Hier sorgen wir dafür, dass Daten sicher gespeichert, verarbeitet und an das Frontend übermittelt werden, und kümmern uns um Leistung, Sicherheit und Skalierbarkeit des Systems.

API-Anbindung
Bild von drei Bausteinen, jeweils mit den Buchstaben "A", "P" und "I"

Durch eine API-Anbindung ermöglichen wir die Verbindung zwischen verschiedenen Software-Systemen, indem wir definierte Schnittstellen bereitstellen, über die Daten und Funktionen ausgetauscht werden können. Durch diese Schnittstellen können Anwendungen miteinander kommunizieren und externe Dienste oder Datenquellen integrieren, ohne die interne Logik offenzulegen..

Testing
Bild eines MacBooks, auf dem ein Bug-Ticket abgebildet ist.

Durch Tests stellen wir sicher, dass Dein Projekt wie gewünscht funktioniert und keine Fehler enthält. Das Testing umfasst verschiedene Methoden, wie Unit-Tests, Integrationstests, Systemtests und den Freigabetest für Dich, um einzelne Funktionen, das Zusammenspiel von Komponenten und die Gesamt-leistung zu überprüfen. Ziel ist es, Fehler frühzeitig zu identifizieren und die Qualität und Stabilität der Software sicherzustellen.

Dokumentation
Bild eines Tablets, auf dem eine Dokumentation abgebildet ist.

Wir erstellen für Dich eine Dokumentation, die den Code, die Architektur, Funktionen und die Nutzung der Software erklärt. Sie dient Entwickler:innen als Referenz für den Quellcode, beschreibt APIs und Prozesse und kann auch Anleitungen für Nutzer:innen enthalten. Eine gute Dokumentation erleichtert die Wartung, Weiterentwicklung und den Einsatz der Software durch verschiedene Zielgruppen.

5

Bereitstellung

Die Bereitstellung erfolgte dann Anfang 2024, sodass dem erfolgreichen Launch nichts im Wege stand. Dieser wurde am 23.01.2024 vom RegioKonneX-Team und knapp 50 geladenen Gästen mit einer rauschenden Launch-Party gefeiert.

Ablauf & Teilschritte
Serverkonfiguration
Bild eines MacBooks, auf dem Code zu sehen ist.

Bei der Serverkonfiguration sorgen wir dafür, dass Dein Server im Hinblick auf Sicherheit und technische Anforderungen optimal eingestellt ist. Dazu gehören u. a. die Einrichtung der Firewall, des Load Balancer und der notwendigen Pakte, die Implementierung von Sicherheitsmaßnahmen für Serverzugriffe und SSH-Konfiguration. So stellen wir sicher, dass Dein Server optimal funktioniert und abgesichert ist.

Domainkonfiguration
Bild mit dem Text "https://" und "Secure Connection"

Bei der Domainkonfiguration kümmern wir uns darum, dass Deine Website oder Anwendung über das Internet erreichbar ist. Das umfasst u. a. die Festlegung von DNS-Einstellungen, wie A-Records, CNAMEs und MX-Records, um die Domain mit Deinem Server zu verbinden. Eine korrekte Domainkonfiguration gewährleistet, dass Nutzer:innen beim Aufrufen der Domain auch zu Deinem Projekt gelangen.

Installation & Einrichtung
Bild eines Smartphones mit dem Logo von deploy.party sowie einem Tablet mit der Anwendung selbst.

Wir installieren und richten Dir Deine Software passend ein. Dazu gehören die Festlegung von Parametern, das Verwalten von Dateien, die Verbindung zu Datenbanken und die Definition von Benutzerrechten. Eine korrekte Softwarekonfiguration sorgt dafür, dass Deine Anwendung effizient und zuverlässig funktioniert und den gewünschten Zweck erfüllt.

E-Mail-Konfiguration
Bild eines at-Symbols.

Bei der E-Mail-Konfiguration richten wir für Dich alles so ein, dass in Deinem Projekt E-Mails gesendet und empfangen werden können. Das umfasst die Angabe von SMTP-Servern, Ports, Authentifizierungsdaten und auch Sicherheitsprotokollen wie SSL oder TLS. Eine korrekte E-Mail-Konfiguration ermöglicht es Deiner Software, Benachrichtigungen, Bestätigungen oder andere automatisierte E-Mails zuverlässig an Nutzer:innen zu senden.

Deployment-Automatisierung
Bild von der Website gitlab.com.

Wir richten für Dein Projekt eine Deployment-Automatisierung ein, die dafür sorgt, dass Updates automatisch auf Deinem Server oder in Deiner Cloud-Umgebung bereitgestellt werden, ohne manuelle Eingriffe. Wir automatisieren dabei wiederkehrende Schritte wie das Bauen, Testen und Veröffentlichen des Codes. Das ermöglicht uns die schnellere und zuverlässigere Bereitstellung von Updates und neuen Versionen Deiner Software.

6

Wartung

Um stabil und sicher zu laufen, benötigt ein System regelmäßige Pflege und Wartung. Seit dem Launch unterstützen wir RegioKonneX nun bei den regelmäßigen Wartungsarbeiten, kleinen Notfällen beim Serveranbieter IONOS und allen Fragen rund um den Betrieb einer Onlineplattform. Durch den deutschen Standort des Serveranbieters IONOS können europäische Standards gewährleistet werden.

Ablauf & Teilschritte
Sicherheitspatches & Updates
Bild von zwei Schraubenschlüsseln auf einem MacBook.

Mit Sicherheitspatches und Updates sind Software-Aktualisierungen gemeint. Mit ihnen beheben wir Schwachstellen und verbessern die Sicherheit Deines Systems. Sie schließen Sicherheitslücken, durch die Angreifende Zugang zu Daten oder Systemen erhalten könnten, und sorgen dafür, dass die Software weiterhin sicher und stabil läuft. 

Backup-Handling
Bild von einer externen Festplatte neben einem MacBook.

Das Backup-Handling ist der Prozess des Erstellens, Verwaltens und Wiederherstellens von Sicherungskopien wichtiger Daten, um Datenverlust vorzubeugen. Wir erstellen regelmäßige Backups, die sicher gespeichert und überprüft werden, damit Daten im Fall von Hardwareausfällen, Cyberangriffen oder menschlichen Fehlern wiederhergestellt werden können. Mit einem effektiven Backup-Handling stellen wir sicher, dass kritische Daten stets verfügbar und geschützt sind.

Notfall-Support
Bild von einem MacBook, neben dem ein Smartphone liegt.

Im Rahmen unseres Notfall-Supports unterstützen wir Dich bei akuten technischen Problemen oder Ausfällen bei Deinem Projekt. Im Rahmen unserer normalen Arbeitszeiten kümmern wir uns um kritische Fehler, die den Betrieb beeinträchtigen. Ziel ist es, die Ausfallzeit zu minimieren und die Software so schnell wie möglich wieder funktionsfähig zu machen.

7

Weiterentwicklung

Software ist wie ein Haus, im Grunde ist sie nie vollständig fertig. Es ergeben sich immer neue Ideen und Wünsche für zusätzliche Funktionen, für neue Bereiche oder Änderungen von bestehenden Strukturen und Prozessen. Auch die technische und gestalterische Weiterentwicklung ist ein wichtiger Aspekt, um auf Dauer ein optimales Nutzererlebnis bieten zu können.

So durften wir für RegioKonneX u. a. die News, den Bereich der Institutionen sowie Aufträge & Projekte ergänzen und wir freuen uns noch auf viele weitere gemeinsame Entwicklungsschritte.

Ablauf & Teilschritte
Konzeption
Bild von Inga Haase.

Bei der Konzeption in der Weiterentwicklungsphase besprechen wir gemeinsam, wie die nächsten Module, Bereiche oder Features Deines Projektes aussehen sollen, wie sie funktionieren und wo in der vorhandenen Struktur sie platziert werden oder inwiefern die Struktur erweitert wird.

UI/UX-Design
Bild von Katrin Hahn.

Basierend auf der Konzeption und dem vorhandenen Design erstellen wir für Dein Projekt neue Komponenten und erweitern das vorhandene Design inkl. seiner Bestandteile um die neuen Abläufe und Bereiche. Im Anschluss kannst Du den entsprechend erweiterten High Fidelity Clickdummy testen und wir optimieren es, bis alles passt.

Entwicklung
Bild von Kai Haase.

In diesem Schritt erweitern wir den vorhandenen Quellcode Deines Projekts um die neuen Module, Bereiche oder Features aus der Designvorlage. Hier ist es besonders wichtig, auf Seiteneffekte und eine saubere Struktur zu achten, damit die Stabilität des gesamten Projekts nicht beeinträchtigt wird. Auch hier stellen wir Dir die fertigen Änderungen auf einem gesonderten System zur Verfügung, damit Du alles in Ruhe testen und dann für das Live-System freigeben kannst.

Nutzungs- & Datenanalyse
Bild von Pascal Klesse.

Es ist möglich für Dich, diverse Nutzungs- und Datenanalysen durchzuführen und Dir die Daten, entsprechend aufbereitet, zur Verfügung zu stellen. Dazu gehören unter anderem Anzahl der Zugriffe, Verweildauer oder andere für Dich relevante Kennzahlen.

Meetings & Workshops
Bild von einem Meeting-Tisch.

In regelmäßigen Meetings und wenn notwendig im Rahmen von Workshops tauschen wir uns gemeinsam über den aktuellen Entwicklungsstand aus, besprechen die nächsten Schritte im Projekt und stimmen ab, welche Dinge in welcher Reihenfolge angegangen werden. Dieser Schritt geht Hand in Hand mit Konzeption, Design und Entwicklung.

Noch Fragen?

Wir freuen uns auf Deine Nachricht.