Simen Sanna, dyrektor generalny i założyciel Saddle, to norweski przedsiębiorca z branży SaaS i były inżynier energetyczny, który w 2021 roku sprzedał swoją poprzednią firmę po opracowaniu wiodącego na świecie oprogramowania służącego do dekarbonizacji statków morskich.

Jednak podczas gdy opracowanie jego poprzedniego oprogramowania zajęło lata, w przypadku jego najnowszej usługi sytuacja wygląda zupełnie inaczej.

Dzięki współpracy z firmą konsultingową zajmującą się projektowaniem i tworzeniem produktów SmplCo oraz wykorzystaniu Figma Make, Saddle znacznie skróciło czas potrzebny na stworzenie oprogramowania, jednocześnie obniżając koszty.

„Wcześniej proces tworzenia działającego MVP, takiego jak to, które mamy dla Saddle, zajmował nam sześć miesięcy i kosztował osiem razy więcej” – mówi Simen.

„Figma Make całkowicie zmieniła zasady gry” – dodaje. „Z pomocą SmplCo przeszliśmy od tworzenia projektu, planowania ścieżki użytkownika i szkicowania szkieletów do klikalnych projektów w Figma, tworzenia oprogramowania w React, a nawet połączenia tego wszystkiego z punktami końcowymi back-endu… a wszystko to w ciągu dwóch tygodni!”

Oto historia tych dwóch tygodni.

Cyfrowa autostrada dla decyzji

Saddle to platforma programowa, która pomaga firmom podejmować szybsze i lepsze decyzje oraz stymulować innowacje, zwłaszcza w kluczowych momentach procesów fuzji i przejęć (M&A).

„Kiedy nowe zespoły kierownicze przejmują stery, potrzebują dobrych danych i współpracy z dotychczasowymi liderami, aby podejmować właściwe decyzje. Jednak naprawdę trudno jest uzyskać tak głębokie zrozumienie przejętej firmy, jej subtelnych spostrzeżeń dotyczących klientów, wewnętrznej dynamiki i kreatywnych atutów” – mówi Simen.

„Pracownicy mogą czuć się niezauważeni, a liderom brakuje wglądu w to, gdzie w ich zespołach pojawiają się innowacje. W rezultacie można przegapić cenne pomysły, kluczowi pracownicy mogą stracić motywację, a innowacje ulegają zastojowi”.

Jaki jest efekt końcowy? Według Simena około 60% transakcji M&A nie przynosi oczekiwanej wartości.

W tym miejscu pojawia się Saddle, zapewniając „cyfrową autostradę” dla inicjatyw i decyzji.

Platforma łączy dane dotyczące innowacji bezpośrednio z wskaźnikami biznesowymi, umożliwiając firmom identyfikację dobrych pomysłów, usprawnienie procesu podejmowania decyzji oraz zatrzymanie kreatywnych talentów dzięki widoczności i uznaniu.

Szybkie działanie i tworzenie rzeczy

Po stworzeniu własnego zaplecza technologicznego firma Saddle nawiązała współpracę z ekspertami ds. projektowania z firmy SmplCo.

SmplCo zaczęło eksperymentować z narzędziem Figma Make, aby zrealizować swoją dewizę: „szybkie tworzenie prototypów, inteligentne wdrażanie i uruchamianie w ciągu kilku tygodni”.

Krok 1: Od konceptu do prototypu

Współpraca rozpoczęła się od szybkiego generowania pomysłów, jak wyjaśnia Andreas Melvær, partner zarządzający w SmplCo.

„Najpierw jasno zdefiniowaliśmy problem i skupiliśmy się na niszy – na tym, w jaki sposób produkt może wspierać innowacje w firmach podczas transakcji kapitałowych” – mówi.

„Naszkicowaliśmy ścieżki użytkowników i koncepcje interfejsu użytkownika, które wizualizowały, w jaki sposób pracownicy będą zgłaszać pomysły, a liderzy będą je śledzić, oceniać i ustalać ich priorytety”.

Był to pierwszy krok w autorskim procesie 5-Day Prototype firmy SmplCo, który zespół opracował w oparciu o wieloletnie doświadczenie w budowaniu i sprzedaży własnych firm.

W ciągu kilku dni zespół stworzył interaktywny prototyp demonstracyjny w Figma. Był on na tyle prosty, aby można go było testować i modyfikować, ale jednocześnie na tyle rozbudowany, aby zweryfikować podstawową funkcjonalność i ścieżki użytkowników.

Krok 2: Ożywienie prototypu w Figma Make

Gdy prototyp oddał już odpowiednie wrażenia użytkownika, zespół przeniósł się do Figma Make.

Wykorzystali vibecoding, aby przekształcić projekty z Figmy w działające interfejsy front-endowe, które były responsywne i interaktywne.

Dzięki temu Saddle zyskało funkcjonalny produkt, z którego mogło korzystać i który mogło testować niemal natychmiast.

Jak zauważył Simen, „Cała idea Saddle polega na urzeczywistnianiu pomysłów, a Figma Make zrobiła to naprawdę szybko. Był jednak kluczowy element, który odróżniał ten projekt od wielu innych rozwiązań typu low-code zalewających obecnie rynek.”

Simen wiedział, że Saddle musi posiadać doświadczenie w zakresie projektowania i kodowania, więc zespół SmplCo przejrzał kod, aby upewnić się, że jest czysty i bezpieczny.

„Połączenie szybkości Figma Make z wiedzą ekspertów w zakresie projektowania oprogramowania zapewnia znacznie większą wartość” – mówi Simen.

„Vibecoding jest świetny, ale może prowadzić do powstania nieuporządkowanego kodu” – mówi Andreas. „Trzeba zadbać o solidne fundamenty, w przeciwnym razie rozwój i skalowanie produktu może stać się trudne.”

Krok 3: Połączenie front-endu z back-endem

Co najważniejsze, firma Saddle stworzyła już swoją infrastrukturę back-endową przed rozpoczęciem tego procesu.

Oznaczało to, że front-end stworzony w Figma Make można było płynnie połączyć z rzeczywistymi danymi za pośrednictwem interfejsów API, przekształcając prototyp w działający produkt.

Taka kolejność działań – czyli stworzenie najpierw warstwy danych – miała kluczowe znaczenie dla osiągnięcia tak szybkiego postępu.

Rezultat? W ciągu dwóch tygodni Saddle przeszło od danych back-endowych do działającej platformy łączącej zarówno projekt, jak i dane, gotowej do zaprezentowania i udoskonalenia.

Jakie korzyści przyniosło używanie Figma Make?

Łącząc projektowanie i tworzenie front-end w jednym środowisku, Figma Make wyeliminowała tradycyjne opóźnienia związane z przekazywaniem zadań między projektantami a inżynierami.

„Dzięki Figma Make firmy Saddle i SmplCo mogły przejść od prototypu do działającego oprogramowania w zaledwie dwa tygodnie, podczas gdy wcześniej proces ten zajmował nam sześć miesięcy i kosztował osiem razy więcej” – mówi Simen.

Dla startupu takiego jak Saddle ta szybkość przełożyła się bezpośrednio na przewagę konkurencyjną, pomagając im zapewnić wczesną popularność i utrzymać niskie koszty rozwoju.

Oprócz wydajności, Figma Make zapewniła poziom kreatywnej elastyczności, który zaowocował dobrze zdefiniowanym systemem projektowym i jasną ścieżką dalszych iteracji projektowych.

Mogli swobodnie eksperymentować z układami, logiką i interakcjami, nie martwiąc się o uszkodzenie kodu lub stratę czasu. Interfejs mógł być jednocześnie udoskonalany wizualnie i wdrażany technicznie, co umożliwiało szybkie testowanie i iteracje.

Takie podejście sprzyjało odkrywaniu nowych rozwiązań i innowacjom w trakcie całego procesu.

Jak przygotować się do sukcesu

Chociaż Figma Make przyniosła ogromne korzyści pod względem szybkości i kosztów, zespół Saddle wyciągnął również cenne wnioski dotyczące przygotowań i wiedzy specjalistycznej.

1. Najpierw przygotuj back-end

Sukces Saddle zależał od tego, czy przed rozpoczęciem tworzenia w Figma Make udało się wdrożyć infrastrukturę danych.

Gdyby tego zabrakło, pozostałby im imponujący, ale odizolowany front-end.

„Jeśli masz gotowe punkty końcowe, proces Figma Make przebiegnie błyskawicznie” – mówi Simen.

2. Eksperckie doradztwo jest niezbędne

Doświadczeni projektanci i programiści mieli kluczowe znaczenie dla podejmowania decyzji i utrzymania jakości.

„Istnieje przekonanie, że obecnie każdy może stworzyć świetne oprogramowanie, ale to po prostu nieprawda” – mówi Andreas.

„Z tego powodu widzimy wiele złego oprogramowania powodującego poważne problemy, szczególnie w zakresie bezpieczeństwa, prywatności i zrównoważonego rozwoju.

„Potrzebni są eksperci, którzy rozumieją zarówno stronę kreatywną, jak i techniczną”.

3. Zaufaj procesowi — ale szybko wprowadzaj zmiany

Dwutygodniowa kompilacja Saddle zakończyła się sukcesem, ponieważ zespół przyjął elastyczne, odkrywcze podejście.

W przypadku Saddle Figma Make przekształciła cykl rozwoju, który mógł trwać miesiące, w dwutygodniowy sprint od pomysłu do działającej platformy.

Zapewniło to szybkość, oszczędności i swobodę twórczą, ale także utrwaliło ponadczasowe lekcje dotyczące przygotowania, współpracy i wiedzy specjalistycznej.

Ostatnie słowo od Simena dla tych, którzy chcą wyruszyć w tę podróż…

„Lepiej przygotujcie się i zapnijcie pasy, bo jazda będzie szybka” – powiedział.