Alle Leistungen / Anwendungen

Anwendungsentwicklung

Web, Mobile, Chrome und Desktop.

Ein Produkt, vier Orte, an denen ein Mensch es öffnen kann. Der Browser, das Telefon, eine Erweiterung neben der Arbeit, die schon läuft, und eine Desktop-App, wenn die Arbeit nicht in einem Tab leben soll. Konto, Bestellungen und Rechte bleiben an einem Ort.

Ein Produkt
Vier Oberflächen

01 / 04

Web

Das Produkt im Browser: ein Shop, ein Portal, ein SaaS-Werkzeug oder der Schreibtisch, an dem ein Team arbeitet.

web

Was diese Leistung ist

Anwendungsentwicklung ist hier das Produkt, das Menschen nutzen: eine Webanwendung, eine iOS- und Android-App, eine Chrome-Erweiterung und eine Desktop-Anwendung für macOS, Windows oder Linux. Dafi Labs entwirft sie als ein System. Ein Shop, ein Portal, ein SaaS-Werkzeug oder ein interner Schreibtisch öffnet sich auf der Oberfläche, die zur Aufgabe passt, ohne eine zweite Datenbank und ohne einen zweiten Anbieter.

Vier Oberflächen. Ein Konto.

Browser, Telefon, Erweiterung und Desktop-Fenster lesen dasselbe Produkt. Wir bauen die Oberfläche, die die Arbeit wirklich braucht. Wir erfinden kein zweites System daneben.

Was wir tatsächlich bauen.

Jedes davon kann der Auftrag sein. Zusammen sind sie ein Produkt, das Ihr Team führen kann.

01 · Der Browser

Webanwendungen

Das Produkt im Browser: ein SaaS-Werkzeug, ein Shop, ein Marktplatz, ein Kundenportal, eine Landingpage oder der Schreibtisch, an dem Ihr Team arbeitet. Next.js und React auf der Seite, Node.js und PostgreSQL dahinter. Fertig ist es, wenn ein Mensch die Aufgabe abschließen kann, nicht wenn die Startseite fertig aussieht.

  • SaaS, Shops, Marktplätze und Portale
  • Konten, Daten und der Weg, den ein Kunde nimmt
  • Betreuung, nachdem es live ist
Webanwendungen

02 · Die Tasche

Mobile Anwendungen

iOS und Android, meist aus einer React-Native-Codebasis, mit einem nativen Modul, wenn Store oder Hardware es verlangen. Handel, ein Werkzeug für unterwegs, Chat oder dasselbe Konto, das sie schon im Web nutzen. Ein Release-Plan, dann jemand, der bleibt, nachdem der Eintrag live ist.

  • iOS und Android aus einer Codebasis
  • Bestellungen und Konten, die zum Web passen
  • Ein Release in die Stores und Betreuung danach
Mobile Anwendungen

03 · Neben der Arbeit

Chrome- und Browser-Erweiterungen

Eine Chrome-Erweiterung, und dieselbe Erweiterung in Edge und Firefox, wenn das Publikum dort ist. Manifest V3. Ein Seitenpanel, eine Aktion in der Leiste oder eine kleine Schicht auf einer Seite, auf der Ihr Team schon lebt: Mail, ein CRM, ein Marktplatz, ein internes Werkzeug. Die Erweiterung soll einen Tab wegnehmen, nicht ein Produkt hinzufügen, das man erst öffnen muss.

  • Chrome, Edge und Firefox
  • Seitenpanels auf den Seiten, die Sie schon nutzen
  • Dasselbe Konto wie die Web-App
Chrome- und Browser-Erweiterungen

04 · Außerhalb des Browsers

Desktop-Anwendungen

macOS, Windows und Linux, wenn die Arbeit zu schwer, zu oft offline oder zu dauerhaft für einen Tab ist. Electron, wenn die Oberfläche zur Web-App passen soll. Tauri, wenn die App kleiner sein und näher an der Maschine sitzen soll. Dateien, Geräte und ein Fenster, das offen bleibt, während die Person arbeitet.

  • macOS, Windows und Linux
  • Electron oder Tauri, gewählt für die Aufgabe
  • Offline-Arbeit und Dateien, die der Browser nicht hält
Desktop-Anwendungen

Die Arten von Anwendungen.

Die Oberfläche ist, wie man sie öffnet. Die Art ist, wofür sie da ist. Ein Auftrag ist meist eine Art, auf den Oberflächen, die diese Art wirklich braucht.

  1. SaaS-Produkte

    Konten, Rollen und ein Werkzeug, für das ein Kunde weiter zahlt.

  2. Shops und Marktplätze

    Katalog, Warenkorb, Kasse und eine faire Teilung, wenn mehr als ein Verkäufer auf der Fläche ist.

  3. Portale und interne Werkzeuge

    Der Schreibtisch, den ein Kunde oder ein Team öffnet, statt einer Tabelle und einer Nachrichtenkette.

  4. Apps für unterwegs

    Die Telefonversion einer Aufgabe, die im Web schon existiert.

  5. Browser-Erweiterungen

    Eine kleine Oberfläche in Chrome, Edge oder Firefox, neben Arbeit, die schon ein Zuhause hat.

  6. Desktop-Software

    Ein Fenster für Arbeit, die Dateien, Geräte oder Zeit ohne Netz braucht.

  7. Progressive Web Apps

    Eine Webanwendung, die sich installieren lässt, wenn ein Store-Eintrag nicht der Punkt ist.

Werkzeuge und Technologien.

Der Stapel wird für die Oberfläche gewählt. Das Datenmodell ist gemeinsam, damit ein Mensch auf jedem Gerät nicht ein anderes Produkt lernt.

Das gemeinsame Produkt

  • TypeScript

    Die Sprache über Web-App, API, Erweiterung und den größten Teil der Desktop-Oberfläche.

  • React und Next.js

    Webanwendungen, Portale, Shops und die Seiten darum.

  • Node.js

    Die API und die Aufgaben hinter dem Produkt.

  • PostgreSQL

    Das Konto, die Bestellung und der Datensatz, dem das Team vertrauen muss.

  • Tailwind CSS

    Die Oberfläche, gleichbleibend über die Flächen, die wir zeichnen.

Mobile

  • React Native und Expo

    iOS und Android aus einer Codebasis, mit einem Release in beide Stores.

Browser

  • Chrome-Erweiterungen, Manifest V3

    Die Erweiterung selbst, und derselbe Build für Edge und Firefox, wenn das Publikum dort ist.

Desktop

  • Electron

    Eine Desktop-App, die die Web-Oberfläche teilen kann.

  • Tauri

    Eine kleinere Desktop-App, näher am Betriebssystem, wenn das die bessere Maschine ist.

Release

  • AWS

    Wo das Produkt läuft, sobald es live ist.

  • Python

    Eine Datenaufgabe oder ein Modell neben der Anwendung, nicht im Bildschirm.

  • Stripe

    Zahlungen, wenn das Produkt ein Shop oder ein Abo ist.

  • Playwright

    Die Wege, die ein Kunde nimmt, geprüft vor einem Release.

  • Docker

    Dieselbe Anwendung, auf dieselbe Weise an mehr als einem Ort lauffähig.

Branchen, für die wir bauen.

Das sind die Branchen, für die das Studio schon schreibt. Die Anwendung ist der Teil, den ein Mensch öffnet. Robotik, Automatisierung, Suche und Film bleiben verfügbar, wenn die Aufgabe sie braucht. Klinische Entscheidungen und Rechtsberatung bleiben bei den Menschen, die sie treffen dürfen.

Worin das anders ist.

Anwendungsarbeit wird oft geteilt: ein Webshop, ein Mobile-Shop, jemand anderes für die Erweiterung und ein Desktop-Werkzeug, das kein Konto teilt. Wir halten es als ein Produkt.

  1. 01

    Ein Konto

    Web-App, Telefon, Erweiterung und Desktop-Fenster lesen dieselben Menschen, dieselben Bestellungen und dieselben Rechte.

  2. 02

    Die passende Oberfläche

    Eine Chrome-Erweiterung, wenn die Arbeit schon im Browser geschieht. Eine Desktop-App, wenn sie das nicht soll. Wir zwingen nicht jedes Produkt in eine Website.

  3. 03

    Der Rest des Studios

    Dasselbe Team baut Robotik, Automatisierung, Suche und filmische Inhalte. Die Anwendung kann sich mit dieser Arbeit verbinden, ohne einen zweiten Vertrag und ein zweites Datenmodell.

  4. 04

    Um die Entscheidung gebaut

    Ein Bildschirm ist fertig, wenn ein Mensch die Aufgabe abschließen kann. Eine Vorlage, die fertig aussieht und keine Bestellung annehmen kann, ist keine Lieferung.

  5. 05

    Nach dem Launch

    Store-Einträge, ein Release und jemand, der bleibt, während Ihr Team lernt, es zu führen. Wir übergeben kein Repository und gehen.

Wie ein Produkt geliefert wird.

  1. 01

    Die Aufgabe und die Oberfläche

    Welche Entscheidung das Produkt tragen muss, und ob das in einem Browser, auf einem Telefon, in einer Erweiterung oder in einem Desktop-Fenster geschieht.

  2. 02

    Ein Modell

    Konto, Daten und Rechte, einmal gezeichnet, bevor eine zweite Oberfläche existiert.

  3. 03

    Die erste Oberfläche

    Der Ort, den Menschen wirklich nutzen, weit genug geliefert, dass ein echter Nutzer abschließen kann.

  4. 04

    Die anderen Oberflächen

    Mobile, Chrome oder Desktop, nur wenn sie dieses Modell teilen. Eine zweite Datenbank ist ein Problem, kein Feature.

  5. 05

    Release und das Team

    Stores, Installer und die Menschen, die es führen werden. Wir bleiben, bis das Führen gewöhnlich ist.

Fragen

Bauen Sie Chrome-Erweiterungen?

Ja. Zuerst Chrome, und Edge und Firefox aus derselben Erweiterung, wenn das Publikum dort ist. Sie nutzt das Konto, das die Webanwendung schon hat.

Können App und Website Bestellungen teilen?

Ja. Das ist der Punkt. Ein Telefon, das eine andere Art von Bestellung erzeugt, ist ein zweites System, das Ihr Team von Hand abgleichen muss.

Electron oder Tauri für den Desktop?

Electron, wenn die Desktop-App die Web-Oberfläche teilen soll. Tauri, wenn sie kleiner sein und näher an der Maschine sitzen soll. Wir wählen, nachdem wir die Aufgabe kennen.

Schreiben Sie natives iOS und Android?

Der Standard ist React Native, damit eine Codebasis in beide Stores geht. Ein natives Modul kommt dazu, wenn Hardware oder Store es verlangen.

Für welche Branchen bauen Sie?

Handel, Gastgewerbe, Verwaltung im Gesundheitswesen, Bildung, Immobilien, Mandatsaufnahme, Logistik, Medien, Fertigung, Fintech und erste Produkte. Klinische Entscheidungen und Rechtsberatung bleiben bei den Menschen, die sie treffen dürfen.

Worin unterscheidet sich das von einer üblichen App-Agentur?

Eine Agentur liefert oft eine Oberfläche und lässt die anderen, und die Daten, bei jemand anderem. Wir liefern die Oberflächen als ein Produkt, und dasselbe Studio kann dieses Produkt mit Automatisierung, Suche, Film oder einer Maschine auf der Fläche verbinden.

Wie lange dauert eine erste Version?

Eine fokussierte Webanwendung dauert oft 6–12 Wochen. Ein Mobile-Release neben einem vorhandenen Webprodukt oft 8–14 Wochen. Eine Erweiterung oft kürzer. Eine Desktop-App hängt von Dateien, Geräten und Offline-Arbeit ab. Die Spanne steht fest, nachdem wir die Aufgabe gesehen haben.

Sagen Sie uns, auf welcher Oberfläche die Arbeit wirklich lebt.

Ein Browser, ein Telefon, eine Chrome-Erweiterung oder ein Desktop-Fenster. Wir sagen, welche zuerst gebaut werden soll und welche das Konto nur teilen würden.