Kategoria
SaaS B2B dla branży wnętrz
Zakres
Strategia produktu, UX/UI, full-stack, strona marketingowa, wtyczka Chrome
Czas
Rozwój produktu od grudnia 2025
Technologia
Next.js 16, React 19, Prisma, Supabase, Stripe, Tailwind
Status
Działa na liru.app: plan Free i plany płatne
6
etapów pracy nad projektem
1
portal projektu dla klienta
4
języki: PL, EN, ES, DE
5
projektów w planie Free
30
dni Pro na start
01
Problem
Projektant wnętrz prowadzi klienta przez dziesiątki decyzji: styl, setki produktów, ceny i terminy.
Decyzje, pliki i ceny rozjeżdżają się przy tym po kilku narzędziach naraz:
- Excel z kosztorysem
- PDF z prezentacją
- foldery na dysku
Klient gubi się w wersjach i nie wie, na co czeka projekt. Projektant zamiast projektować przepisuje produkty ze sklepów, przypomina o akceptacjach i odtwarza, kto co zatwierdził.
Docelowi użytkownicy to projektanci pracujący samodzielnie i małe studia: bez działu IT i bez czasu na wdrażanie skomplikowanych systemów.
02
Rozwiązanie
Jeden projekt w Liru i jeden link dla klienta.
Produkty, także zapisane wtyczką Chrome prosto ze sklepu, trafiają do pomieszczeń, prezentacji i kosztorysu. Klient dostaje prywatny portal projektu, otwierany linkiem i PIN-em, bez zakładania konta. Ogląda w nim brief, moodboard, prezentację i kosztorys i akceptuje konkretne produkty i pozycje.
Każda decyzja trafia do historii, a widget „Co dalej?” na pulpicie projektu podpowiada projektantowi następny krok.
Portal klienta
Materiały i decyzje klienta pod jednym linkiem
Klient otwiera link z PIN-em i od razu widzi, na jakim etapie jest projekt, co czeka na jego decyzję i jaki jest następny krok.
- akceptacja wizualizacji, produktów i kosztorysu w jednym miejscu
- historia decyzji: kto, co i kiedy zatwierdził
- branding studia, dokumenty z komentarzami i prośba o spotkanie
- działa na telefonie, w czterech językach
Kosztorys
Kosztorys akceptowany pozycja po pozycji
Produkty, materiały i robocizna w jednym kosztorysie z wersjami. Klient najpierw akceptuje całość wstępnie, a potem finalnie każdą pozycję.
- import kosztorysu z Excela i warianty produktów
- komentarze klienta przy pozycjach
- po akceptacji lista zakupowa ze statusami zamówień i płatności
- eksport do PDF i CSV, z wyborem produktów
Prezentacje
Prezentacje projektowane jak w edytorze graficznym
Sekcje w formacie 16:9, 4:3 albo 3:4, z prowadnicami, siatką, obrotem i kadrowaniem. Na slajdach są rendery, rzuty, kolory, materiały i produkty z pinami.
- klient decyduje przy konkretnym produkcie albo renderze
- ekran „Przed wysyłką” i podgląd „Co widzi klient”
- link i kod QR, wersje prezentacji, eksport do PNG, JPG i PDF
Styl klienta
Brief, quiz i moodboard przed prezentacją
Jeden brief z pytaniami ogólnymi i sekcjami pomieszczeń, który można zaimportować z pliku albo z Google Forms. Quiz stylów i moodboard powstają w tym samym edytorze co prezentacje.
- szablony briefu i import gotowych pytań
- moodboard z produktów: wycięte tło i paleta kolorów
- oceny i komentarze klienta przy zdjęciach
Pomieszczenia i produkty
Każde pomieszczenie ma swoje produkty, budżet i historię
Produkty z wariantami, szczegóły, zadania, moodboard i wizualizacje są w zakładkach pomieszczenia. Wtyczka Chrome zapisuje produkt ze sklepu prosto do pomieszczenia, wishlisty albo kosztorysu.
- warianty produktów i budżet każdego pomieszczenia
- wishlisty jako bazy produktów, z linkiem dla klienta
- LiruNotes: z notatki, także dyktowanej, AI proponuje dane projektu, pomieszczenia i pytania do klienta, a projektant je zatwierdza
Galeria i dysk
Inspiracje, rendery i pliki w jednym miejscu
Galeria zbiera inspiracje oraz foldery na wizualizacje, rzuty, quizy, moodboardy i prezentacje. Na Dysku są dokumenty, a folder udostępniony w portalu sam dostaje nowe pliki.
- import z Pinteresta, Google Drive i wtyczki Chrome
- decyzje klienta widoczne na kafelkach
- foldery Dysku udostępniane w portalu
03
Sześć etapów pracy nad projektem
Projekt prowadzi przez sześć etapów:
- Rozpoznanie
- Styl
- Produkty
- Prezentacja
- Kosztorys
- Realizacja
Stan projektu jest widoczny na pulpicie i w portalu klienta. Styl, produkty, prezentację i kosztorys można pominąć, jeśli projekt ich nie potrzebuje. Widget „Co dalej?” podpowiada zadania na podstawie danych i decyzji zapisanych w projekcie.
04
Inżynieria i technologia
Technologia. Next.js 16 i React 19, PostgreSQL przez Prisma, logowanie w Supabase, pliki w Cloudflare R2, płatności i subskrypcje w Stripe oraz tłumaczenia przez next-intl.
Automatyzacja pracy z produktami i notatkami.
- Wtyczka Chrome: pobranie danych produktu ze sklepu i propozycja kategorii.
- LiruNotes: notatka wklejona, dyktowana albo z pliku zamieniona w propozycje danych projektu.
- Wycinanie tła ze zdjęć produktów i opisy produktów generowane przez AI.
Sprawdzanie zmian. Repozytorium zawiera testy jednostkowe Vitest i scenariusze przeglądarkowe Playwright. CI uruchamia kontrolę typów i testy jednostkowe przy zmianach w głównej gałęzi oraz pull requestach. Bezpieczeństwo jest sprawdzane w osobnych przeglądach kodu.
05
Decyzje, które podjęliśmy po drodze
Przy rozwoju Liru skupiliśmy się na sposobie wymiany materiałów i decyzji z klientem.
Portal bez osobnego konta klienta.
Klient otwiera udostępniony projekt przez link i PIN. Nie musi zakładać konta projektanta.
Decyzje przy konkretnych materiałach.
Komentarze i akceptacje są przypisane do produktów, prezentacji i pozycji kosztorysu, żeby można było odtworzyć ustalenia.
Wspólny edytor materiałów.
Prezentacje, quizy i moodboardy korzystają ze wspólnego edytora. Usunęliśmy osobny etap układu funkcjonalnego z przebiegu projektu.
Darmowy plan do 5 projektów.
Plan Free obejmuje do pięciu projektów bez limitu czasu. Nowe konto otrzymuje 30 dni funkcji Pro.
06
Co to oznacza dla Ciebie
Ten sam proces stosujemy w projektach klientów.
Najpierw ustalamy, kto będzie używać aplikacji i jakie zadanie ma w niej wykonać. Potem projektujemy ekrany, wdrażamy uzgodniony zakres i sprawdzamy działanie. Kolejne zmiany planujemy na podstawie użycia produktu i rozmów z użytkownikami.