--- title: "Platforma ofertowa SaaS. Automatyzacja PDF w WordPress | Sweet Lava" description: "Zaprojektowaliśmy aplikację SaaS na WordPressie, która eliminuje podwójną pracę. Łączy edytor wizualny z automatycznym generatorem ofert i plików PDF." url: https://sweetlava.eu/pl/projekty/produkt-saas/ lang: pl alternate_en: https://sweetlava.eu/en/work/produkt-saas/ --- SaaS / usługi B2B # Aplikacja SaaS dla branży usługowej (NDA) Jak połączyć edytor wizualny z automatycznym składem dokumentów? Budowa platformy, która eliminuje podwójną pracę przy tworzeniu ofert. Piotr Sember ·Antonina Jasińska ![Interfejs aplikacji SaaS – widok anonimizowany](https://cdn.sanity.io/images/pgdlccfz/production/53017fc8904d8c669be3f89d03dd389536ed60c1-3369x1895.png?w=1600&q=90&auto=format) Kontetst Z uwagi na umowę o poufności (NDA), nazwa klienta i docelowy interfejs pozostają utajnione, dlatego na potrzeby case study przygotowaliśmy zmienione makiety. Sam zakres wdrożenia i użyta technologia są w pełni rzeczywiste. Klient potrzebował narzędzia działającego w logice aplikacji SaaS, które uprości proces ofertowania. Głównym celem było stworzenie systemu, w którym raz wprowadzone dane posłużą do zbudowania strony produktowej i jednocześnie wygenerują gotowy plik PDF, bez konieczności angażowania grafika i osobnego składu materiałów. Wyzwanie Największym wyzwaniem było udostępnienie administratorom swobody w edycji treści przy jednoczesnym zabezpieczeniu spójności wizualnej (UI/UX). Rozbudowaliśmy WordPressa o kilkadziesiąt dedykowanych bloków Gutenberg. Zespół otrzymał gotowe moduły do obsługi tabel z Excela, makiet 3D czy interaktywnych grafik. Zostały one zaprogramowane tak, aby układ strony pozostawał poprawny niezależnie od ilości wprowadzonych informacji. Musieliśmy również zoptymalizować wydajność całej aplikacji, żeby przy dużym ruchu system działał stabilnie i nie przeciążał serwera. ![Interfejs aplikacji webowej – widok anonimizowany](https://cdn.sanity.io/images/pgdlccfz/production/7a356bb8c1936442627524e203cff6cfbd7666ed-1606x1201.png?w=2000&q=90&auto=format) Kluczowe widoki produktu. ![Widok aplikacji webowej – ekran anonimizowany](https://cdn.sanity.io/images/pgdlccfz/production/4174d2ea950691270014f02abc3f5bee3d54cb05-1606x1201.png?w=2000&q=90&auto=format) Kluczowe widoki aplikacji. ## Development i automatyzacje Zintegrowaliśmy nasz system z zewnętrznym API, które na bieżąco konwertuje widoki webowe do formatu PDF. Aby ograniczyć koszt odwołań do serwera, dodaliśmy funkcję podglądu oraz opcję renderowania pojedynczych stron w celach testowych. System wyposażyliśmy w moduł wielojęzyczności, łączący szybkie tłumaczenia AI z korektą profesjonalnych tłumaczy, co znacząco przyspieszyło tworzenie gotowych ofert. W panel wbudowaliśmy również narzędzia oparte na sztucznej inteligencji do sprawnej modyfikacji tekstów i grafik. Wzięliśmy też pod uwagę sytuację, w której sprzedawca może nie mieć dostępu do sieci. W takim przypadku strony produktowe da się wyeksportować do wersji offline i bez przeszkód zaprezentować klientowi na spotkaniu. ![Aplikacja SaaS na iPadzie](https://cdn.sanity.io/images/pgdlccfz/production/4785a4f04f3d6840844901a6e2822de750fc3659-1966x1105.png?w=2000&q=90&auto=format) Aplikacja na iPadzie. ## Rezultat Wdrożenie całkowicie zmieniło organizację pracy w zespole klienta. Zamiast tworzyć materiały podwójnie – najpierw na stronę WWW, a potem od nowa w programie do składu – redaktorzy robią to tylko raz. Gotowa strona produktowa automatycznie generuje poprawnie sformatowany plik PDF, który można od razu wysłać mailem lub po prostu wydrukować. Połączenie edytora blokowego, automatycznych tłumaczeń i generatora dokumentów w jednym środowisku zlikwidowało powtarzalne procesy i realnie oszczędziło czas potrzebny na przygotowanie oferty. ## Powiązane usługi - [Tworzenie aplikacji webowych i SaaS](https://sweetlava.eu/pl/uslugi/aplikacje-saas/) - [Audyt UX i projektowanie UX/UI](https://sweetlava.eu/pl/uslugi/ux-ui-ax/) ## Powiązane projekty ![Strona internetowa dla Zabytkowej Kopalni Srebra w Tarnowskich Górach](https://cdn.sanity.io/images/pgdlccfz/production/7498f5daba1ccbcc3e76e88ff56a971156281584-3840x2160.jpg?w=1600&q=90&auto=format) Kultura i turystyka ### [ Zabytkowa Kopalnia Srebra – strona www z systemem zakupu biletów ](https://sweetlava.eu/pl/projekty/kopalnia-srebra-strona-www-z-systemem-zakupu-biletow/) Opracowanie architektury informacji wraz z flow użytkownika, projekt UI w wersji desktop i mobile, wdrożenie strony oraz integracja z zewnętrznym systemem zakupu biletów iKsoris. ![Rebranding Novacura – identyfikacja i komponenty UI](https://cdn.sanity.io/images/pgdlccfz/production/db4c77dfdeead58fd5131f2b77a98d0281aa5de0-2400x1351.jpg?w=1600&q=90&auto=format) Technologia B2B ### [ Novacura – rebranding i biblioteka komponentów UI ](https://sweetlava.eu/pl/projekty/novacura/) Odświeżenie marki szwedzkiej firmy technologicznej. Delikatna korekta logo, zupełnie nowa kolorystyka z niebieskim w roli głównej, keyvisual z linearną falą oraz biblioteka komponentów UI/UX, wdrażana w produktach Novacura do dziś. Blog ## Powiązane artykuły Development ### [ Aplikacja webowa a strona internetowa – czym się różnią i co wybrać? ](https://sweetlava.eu/pl/blog/aplikacja-webowa-a-strona-internetowa/) Strona informuje, aplikacja webowa pozwala działać, czyli logować się, zapisywać dane i wykonywać zadania. Wyjaśniamy różnice, technologie, koszty i to, jak wybrać właściwą drogę dla swojego projektu. Czytaj artykuł → UX/UI/AX ### [ AX, czyli AI Experience – jak projektować produkty z wbudowaną sztuczną inteligencją ](https://sweetlava.eu/pl/blog/ax-czyli-ai-experience/) Sztuczna inteligencja zmienia interfejsy z deterministycznych w konwersacyjne i probabilistyczne. AX to dyscyplina projektowania tej nowej materii. Wyjaśniamy jej zasady. Czytaj artykuł → Product design ### [ Czym jest design system i kiedy Twoja firma go potrzebuje ](https://sweetlava.eu/pl/blog/czym-jest-design-system/) Design system to nie „ładny zestaw w Figmie", lecz wspólne źródło prawdy dla projektantów i programistów. Wyjaśniamy, z czego się składa, ile kosztuje i kiedy się zwraca. Czytaj artykuł → Product design ### [ MVP aplikacji – jak zaplanować pierwszą wersję produktu, żeby nie przepalić budżetu ](https://sweetlava.eu/pl/blog/mvp-jak-zaplanowac/) Większość budżetów na aplikacje przepala się na funkcje, których nikt nie potrzebuje. Pokazujemy, jak wyznaczyć zakres MVP, który naprawdę weryfikuje pomysł. Czytaj artykuł → ## Powiązane pojęcia - [API](https://sweetlava.eu/pl/slownik/api/) - [MVP (minimum viable product)](https://sweetlava.eu/pl/slownik/mvp/) - [Prototyp](https://sweetlava.eu/pl/slownik/prototyp/) - [SaaS](https://sweetlava.eu/pl/slownik/saas/) ## Masz pomysł? Porozmawiajmy. Opowiedz nam o swoim pomyśle, a my doradzimy najlepszą drogę od koncepcji do działającego produktu. [ Napisz do nas ](https://sweetlava.eu/pl/kontakt/)