Zu Hauptinhalten gehen

Figma Make hilft Saddle, innerhalb von 2 Wochen von der Idee zur Markteinführung zu gelangen.

Simen Sanna, CEO und Gründer von Saddle, ist ein norwegischer SaaS-Unternehmer und ehemaliger Energieingenieur, der 2021 sein letztes Unternehmen verkaufte, nachdem er die weltweit führende Software zur Dekarbonisierung von Offshore-Schiffen entwickelt hatte.

Aber während seine frühere Software Jahre der Entwicklung benötigte, ist sein neuester Dienst eine andere Geschichte.

Durch die Zusammenarbeit mit der Design- und Produkentwicklungsberatung SmplCo verkürzte Saddle die Zeit für die Softwareerstellung erheblich und senkte gleichzeitig die Kosten, indem es Figma Make nutzte.

„Früher hat es sechs Monate und das Achtfache an Geld gekostet, um einen funktionierenden MVP wie den, den wir für Saddle haben, zu erstellen“, sagt Simen.

„Figma Make hat das Spiel komplett verändert”, sagt er. „Mit der Hilfe von SmplCo sind wir in zwei Wochen von der Erstellung des Designs, der Planung der Benutzerführung und dem Skizzieren von Wireframes zu klickbaren Figma-Designs, React-Softwareentwicklung und sogar der Verknüpfung mit Back-End-Endpunkten gekommen.”

Dies ist die Geschichte dieser zwei Wochen.

Eine digitale Autobahn für Entscheidungen

Saddle ist eine Softwareplattform, die Unternehmen hilft, schnellere, bessere Entscheidungen zu treffen und Innovationen voranzutreiben, insbesondere in entscheidenden Phasen von Fusionen und Übernahmen (M&A).

Entwickelt mit Figma Make, bietet Saddle eine strukturierte, dynamische Möglichkeit, damit Mitarbeiterinitiativen geprüft, bewertet und schnell entwickelt werden können.

„Wenn neue Führungsteams übernehmen, benötigen sie gute Daten und eine Zusammenarbeit mit den bestehenden Führungskräften, um die richtigen Entscheidungen zu treffen. Aber es ist wirklich schwer, dieses tiefgehende Verständnis für das Unternehmen, das sie übernommen haben, seine subtilen Kunden-Insights, internen Dynamiken und kreativen Stärken zu erlangen“, sagt Simen.

„Mitarbeiter*innen können sich nicht gehört fühlen und Führungskräfte haben keinen Einblick darin, wo innerhalb ihrer Teams Innovationen stattfinden. Infolgedessen können wertvolle Ideen übersehen werden, wichtige Talente können demotiviert werden und Innovationen stagnieren.“

Das Endergebnis? Etwa 60 % der M&A-Deals liefern nicht den beabsichtigten Wert, sagt Simen.

Hier kommt Saddle ins Spiel und bietet eine „digitale Autobahn“ für Initiativen und Entscheidungen.

Die Plattform verbindet Innovationsdaten direkt mit Geschäftsmetriken, sodass Unternehmen starke Ideen identifizieren, Entscheidungsprozesse optimieren und kreative Talente durch Sichtbarkeit und Anerkennung behalten können.

Schnelles Arbeiten und Erschaffen von Dingen

Nachdem sie ihr Back-End intern aufgebaut hatten, ging Saddle eine Partnerschaft mit den Designexpert*innen von SmplCo ein.

SmplCo begann mit Experimenten mit Figma Make, um sein Konzept zu unterstützen, „schnell Prototypen zu erstellen, intelligent zu entwickeln und innerhalb von Wochen das Produkt auf den Markt zu bringen.“

Schritt 1: Vom Konzept zum Prototyp

Die Zusammenarbeit begann mit einer schnellen Ideenfindung, wie Andreas Melvær, geschäftsführender Partner von SmplCo, erklärt.

„Zuerst haben wir das Problem klar definiert und uns auf eine Nische konzentriert – wie das Produkt Innovationen innerhalb von Unternehmen bei Kapitaltransaktionen fördern könnte“, sagt er.

„Wir haben User Journeys und UI-Konzepte skizziert, die visualisierten, wie Mitarbeiter*innen Ideen einreichen und wie Führungskräfte diese verfolgen, bewerten und priorisieren könnten.“

Saddles Designpartner SmplCo erkannte Figma Make als perfektes Werkzeug für seine Philosophie zu unterstützen: „Schnell prototypisieren, intelligent entwickeln und in Wochen auf den Markt bringen.“

Dies war der erste Schritt im proprietären 5-Tage-Prototyp-Prozess von SmplCo, den das Team basierend auf jahrelanger Erfahrung im Aufbau und Verkauf ihrer eigenen Unternehmen entwickelt hat.

Innerhalb von Tagen erstellte das Team einen interaktiven Demo-Prototyp in Figma; etwas Einfaches genug zum Testen und Iterieren, aber umfangreich genug, um die Kernfunktionalität und Benutzer*innen-Flows zu validieren.

Schritt 2: Den Prototyp in Figma Make zum Leben erwecken

Sobald der Prototyp die richtige Erfahrung eingefangen hatte, wechselte das Team zu Figma Make.

Sie nutzten die Vibe-Code-Umgebung, um die Figma-Designs in funktionsfähige Front-End-Benutzeroberflächen umzuwandeln, die responsiv und interaktiv waren.

Innerhalb von zwei Wochen ging Saddle von Back-End-Daten zu einer Live-Plattform über, die sowohl Design als auch Daten integriert und bereit ist, demonstriert und verfeinert zu werden.

Dies gab Saddle ein funktionsfähiges Produkt, das sie fast sofort einsetzen und testen konnten.

Wie Simen bemerkte, „Die ganze Idee von Saddle ist es, Ideen zum Leben zu erwecken, und Figma Make hat das wirklich schnell gemacht. Aber es gab eine entscheidende Zutat, die das Projekt von vielen Low-Code-Bemühungen unterscheidet, die derzeit den Markt überschwemmen.“

Simen wusste, dass Saddle über Fachkenntnisse im Design und in der Codierung verfügen musste, also überprüfte das Team von SmplCo den Code, um sicherzustellen, dass er sauber und sicher war.

„Man erhält viel mehr Wert, wenn man die Geschwindigkeit von Figma Make mit Software-Designexpert*innen kombiniert,“ sagt Simen.

„Vibe-Coden ist großartig, aber es kann zu unstrukturiertem Code führen“, sagt Andreas. „Du musst sicherstellen, dass du eine solide Grundlage baust, sonst kann das Wachstum und die Skalierung deines Produkts schwierig werden.“

Schritt 3: Verbindung des Front-Ends mit dem Back-end

Entscheidend war, dass Saddle sein Back-End bereits aufgebaut hatte, bevor dieser Prozess begann.

Das bedeutete, dass das in Figma Make erstellte Front-End nahtlos durch APIs mit echten Daten verbunden werden konnte, wodurch sich der Prototyp in ein funktionierendes Produkt verwandelte.

Diese Sequenzierung – zuerst die Datenebene aufzubauen – war entscheidend, um solch rasanten Fortschritt zu erzielen.

Das Ergebnis? Innerhalb von zwei Wochen ging Saddle von Back-End-Daten zu einer Live-Plattform über, die sowohl Design als auch Daten integriert und bereit ist, demonstriert und verfeinert zu werden.

Welche Vorteile brachte die Nutzung von Figma Make mit sich?

Indem Design und Front-End-Entwicklung in einer Umgebung zusammengeführt wurden, beseitigte Figma Make die traditionellen Übergabeverzögerungen zwischen Designer*innen und Ingenieur*innen.

„Die Nutzung von Figma Make ermöglichte es Saddle und SmplCo, innerhalb von nur zwei Wochen vom Prototyp zur funktionsfähigen Software zu gelangen – ein Prozess, der uns zuvor sechs Monate und das Achtfache der Kosten kostete“, sagt Simen.

Mit Figma Make kann Saddle weiterhin frei mit Layouts, Logik und Interaktionen experimentieren, ohne sich Gedanken über fehlerhaften Code oder Zeitverlust zu machen.

Für ein Start-up wie Saddle wurde diese Geschwindigkeit direkt in Wettbewerbsvorteile umgesetzt, half ihnen, frühzeitig an Schwung zu gewinnen und die Entwicklungskosten gering zu halten.

Und über die Effizienz hinaus bot Figma Make ein Maß an kreativer Flexibilität, das zu einem gut definierten Designsystem und einer klaren Richtung für Designiterationen führte.

Sie konnten frei mit Layouts, Logik und Interaktionen experimentieren, ohne sich Gedanken über fehlerhaften Code oder Zeitverlust machen zu müssen. Die Benutzeroberfläche könnte visuell verfeinert und gleichzeitig technisch implementiert werden, was schnelle Tests und Iterationen ermöglicht.

Dieser Ansatz förderte Entdeckung und Innovation während des gesamten Prozesses.

So wirst du erfolgreich

Während Figma Make enorme Vorteile in Bezug auf Geschwindigkeit und Kosten bot, lernte das Saddle-Team auch wertvolle Lektionen über Vorbereitung und Fachwissen.

1. Sorge zuerst dafür, dass das Back-End bereit ist

Der Erfolg von Saddle hing davon ab, ihre Dateninfrastruktur eingerichtet zu haben, bevor sie mit dem Figma Make-Build begannen.

Ohne das wären sie mit einem beeindruckenden, aber getrennten Front-End zurückgelassen worden.

„Wenn du deine Endpunkte bereit hast, dann wird der Figma Make-Prozess durchstarten“, sagt Simen.

2. Fachkundige Anleitung ist unerlässlich

Erfahrene Designer*innen und Entwickler*innen waren entscheidend, um die Entscheidungsfindung zu leiten und die Qualität zu wahren.

„Es gibt diese Idee, dass jetzt jeder großartige Software entwickeln kann, und das stimmt einfach nicht“, sagt Andreas.

„Wir sehen viel schlechte Software, die ernsthafte Probleme verursacht, insbesondere in den Bereichen Sicherheit, Datenschutz und Nachhaltigkeit.”

„Man braucht Expert*innen, die sowohl die kreative als auch die technische Seite verstehen.“

3. Vertraue dem Prozess – aber iteriere schnell

Der Zwei-Wochen-Build von Saddle war erfolgreich, weil das Team eine flexible, erkundende Denkweise annahm.

Für Saddle verwandelte Figma Make, was ein monatelanger Entwicklungszyklus hätte sein können, in einen zweiwöchigen Sprint von der Idee zur funktionierenden Plattform.

Es bot Geschwindigkeit, Einsparungen und kreative Freiheit, verstärkte aber auch zeitlose Lektionen über Vorbereitung, Zusammenarbeit und Fachwissen.

Ein abschließendes Wort von Simen an diejenigen, die diese Reise antreten möchten ...

„Du solltest dich besser anschnallen und festhalten, denn die Fahrt geht schnell“, sagte er.

So kannst du mit Figma Designs skalieren

Großartiges Design hat das Potenzial, dein Produkt und deine Marke von der Masse abzuheben. Aber Großes entsteht nur gemeinsam. Figma vereint Produktteams in einem schnellen und inklusiveren Design-Workflow.

Kontaktiere uns, um mehr darüber zu erfahren, wie du mit Figma dein Design skalieren kannst.

Wir zeigen dir, wie dich Figma unterstützen kann:

  • Zusammenführung aller Schritte des Designprozesses an einem Ort – von der Ideenfindung über den Entwurf bis hin zur Umsetzung von Designs
  • Schnellere Design-Workflows dank unternehmensweit genutzter Designsysteme
  • Inklusivität bei den Abläufen im Produktteam dank intuitiver und benutzerfreundlicher webbasierter Produkte

Connect with our team

By clicking “Submit” you agree to our TOS and Privacy Policy.