AI/ML 
Rozwój oprogramowania 
Tworzenie strony z wykorzystaniem AI – budowanie witryny dla produktu OPC Gateway
Spis treści
Strona internetowa jako realne narzędzie sprzedaży
Strona internetowa to dziś coś więcej niż wizytówka firmy. To punkt styku z klientem, miejsce pierwszej weryfikacji kompetencji i przestrzeń, w której buduje się zaufanie do produktu. W naszym przypadku przez długi czas komunikacja opierała się głównie na podstronach usługowych. Wraz z rozwojem firmy i stworzeniem uniwersalnych produktów możliwych do wdrożenia u klientów pojawiła się jednak potrzeba czegoś więcej — dedykowanej strony produktowej.
Strona produktowa rządzi się innymi zasadami niż strona usługowa. Musi zawierać konkretne informacje: cechy rozwiązania, jego zastosowania, sposób działania, korzyści biznesowe oraz jasne wezwania do działania. W przypadku OPC Gateway sam produkt był darmowy. Opcją płatną było wdrożenie i mentoring, które pozostają całkowicie nieobowiązkowe. Strona musiała więc jasno komunikować wartość rozwiązania, umożliwiać jego pobranie oraz prowadzić użytkownika do kontaktu.
Naturalnie pojawiło się pytanie: czy jesteśmy w stanie stworzyć taką stronę szybko i niskim kosztem, bez angażowania pełnego procesu developerskiego?
Eksperyment: czy AI wystarczy do stworzenia strony produktowej?
Tworzenie profesjonalnej strony internetowej zazwyczaj wymaga czasu, pracy kilku specjalistów i budżetu. Postanowiliśmy jednak potraktować ten projekt jako eksperyment i sprawdzić, czy narzędzie oparte na sztucznej inteligencji pozwoli nam osiągnąć zadowalający efekt przy minimalnym nakładzie finansowym.
Najważniejszym krokiem było znalezienie odpowiedniego narzędzia. W naszym przypadku wybór padł na Lovable — rozwiązanie umożliwiające generowanie stron internetowych na podstawie opisu w języku naturalnym. Po wyborze narzędzia rozpoczęliśmy analizę stylów stron, które mogły stanowić dla nas punkt odniesienia. Nie chodziło o kopiowanie konkretnych rozwiązań 1:1, lecz o określenie kierunku wizualnego i komunikacyjnego, który ułatwi prowadzenie modelu przez naszą koncepcję.
Treść strony została przygotowana przez copywriterkę, która skonsultowała się z zespołem odpowiedzialnym za rozwój produktu. Dopiero po dopracowaniu komunikacji mogliśmy przystąpić do generowania witryny.
Świadome ograniczenie: tylko wersja bezpłatna
Aby jeszcze mocniej przetestować możliwości narzędzia, zdecydowaliśmy się korzystać wyłącznie z wersji bezpłatnej. Oznaczało to ograniczoną liczbę kredytów odnawianych co 24 godziny i konieczność przemyślanego planowania kolejnych kroków. Każda akcja musiała być świadoma.
Naszym celem było stworzenie strony w trzech językach: polskim, angielskim i niemieckim. Już w pierwszych dwóch dniach udało się wygenerować solidną bazę projektu. Po opisaniu pomysłu, określeniu stylu, kolorów marki oraz wklejeniu przygotowanego tekstu narzędzie wygenerowało kompletną strukturę strony. Pojawiły się sekcje, animacje, przyciski, linki, ikony i podstawowe elementy wizualne.
W przypadku niezadowalającego elementu można było precyzyjnie opisać zmianę, którą model miał wprowadzić. Zdarzało się jednak, że modyfikacja jednej części strony powodowała nieintencjonalne zmiany w innej sekcji. Oznaczało to konieczność dodatkowych iteracji. Mimo to cały proces przebiegał stosunkowo sprawnie.
Szlifowanie wyglądu, dopracowanie funkcjonalności, tworzenie przycisków do pobrania produktu, linków do kontaktu, duplikowanie strony oraz tłumaczenie jej na dwa dodatkowe języki zajęło łącznie około tygodnia. Ze względu na limit akcji dziennych każdy krok musiał być dobrze zaplanowany.
Co istotne, osoba odpowiedzialna za projekt ani razu nie musiała ręcznie poprawiać kodu. Kod wygenerowany przez AI nie był idealny z perspektywy developerskiej, ale był funkcjonalny i w pełni działający. Strona została opublikowana, jest dostępna w przeglądarce, można ją wyszukać i realnie spełnia swoją rolę.
Co działało dobrze, a gdzie są granice AI
Największą zaletą wykorzystania AI w tworzeniu strony była szybkość oraz niski koszt wejścia. W ciągu półtora tygodnia powstała trójjęzyczna strona produktowa z animacjami, przyciskami, sekcjami informacyjnymi i możliwością pobrania produktu.
Jednocześnie należy jasno powiedzieć: takie rozwiązanie najlepiej sprawdza się w przypadku prostych stron produktowych. Jeżeli celem jest rozbudowany serwis z wieloma podstronami, niestandardowymi funkcjami, zaawansowaną logiką czy skomplikowanymi integracjami, klasyczne podejście z udziałem zespołu developerskiego daje większą kontrolę nad jakością kodu, optymalizacją i możliwością przyszłych modyfikacji.
AI w tym kontekście nie zastępuje software house’u. Jest jednak bardzo skuteczną, szybką i często darmową alternatywą w przypadku prostych, przejrzystych projektów.
Czy warto tworzyć stronę z wykorzystaniem AI?
Z naszej perspektywy odpowiedź brzmi: tak, pod warunkiem, że zakres projektu jest realistyczny. W przypadku prostej strony produktowej, której celem jest prezentacja funkcji, zastosowań oraz umożliwienie kontaktu i pobrania rozwiązania, narzędzie AI może znacząco skrócić czas realizacji i ograniczyć koszty.
Dla bardziej zaawansowanych projektów warto rozważyć tradycyjne podejście, aby mieć pełną kontrolę nad strukturą i jakością kodu. Jednak jako szybkie rozwiązanie do walidacji produktu, budowy landing page’a lub prostej strony produktowej, generatywna sztuczna inteligencja sprawdza się bardzo dobrze.
Sprawdź efekt naszego eksperymentu
Zamiast opierać się wyłącznie na naszym opisie, zachęcamy do samodzielnego przetestowania efektu. Odwiedź stronę produktu OPC Gateway i oceń, czy strona stworzona z wykorzystaniem AI spełnia swoje zadanie.
Kategorie:
Design, Development, DevOps czy Cloud – jakiego zespołu potrzebujesz, aby przyspieszyć pracę nad swoimi projektami? Porozmawiaj o swoich potrzebach z naszymi specjalistami.
Jakub Orczyk
Członek zarządu / Dyrektor sprzedaży
Zamów bezpłatną konsultację