Strona internetowa zaprojektowana przez AI: jak się wyróżnić

Szybkość jest dziś dostępna dla każdego. Dlatego o wyróżnieniu się decyduje to, co przedsiębiorca sam wnosi do pracy.

Strona internetowa zaprojektowana przez AI to kusząca wizja dla małej firmy. Piszesz kilka zdań, a na ekranie pojawia się strona główna z nagłówkiem, przyciskami i schludnymi siatkami kart. Problem w tym, że to samo potrafią zrobić wszyscy inni. Jeśli strona konkurenta powstała w ten sam sposób, odwiedzający może po prostu nie odróżnić was od siebie.

W odcinku serii Design Review od Y Combinator pt. How To Stand Out In A World Of AI Designs temat omawiany jest z perspektywy twórcy narzędzia projektowego. Według opisu odcinka gościem jest Alex Danilowicz z Magic Patterns (YC W23), a rozmowę prowadzi Aaron Epstein z YC. Jak czytamy w opisie, Magic Patterns pomaga zespołom produktowym w kilka minut zamieniać pomysły w interaktywne prototypy oparte na kodzie.

Narzędzie wyrosło z problemu samych twórców

Według opisu odcinka Danilowicz i jego współzałożyciel są programistami front-end. Zbudowali Magic Patterns, by rozwiązać własny problem: jak szybciej pokazać pomysł. Z opisu wynika, że w 2023 roku byli wśród pierwszych, którzy tworzyli narzędzia zamieniające napisany prompt w projekt. W 2:11 programu mowa jest o drodze od zmiany kierunku w czasie YC do prawdziwego dopasowania produktu do rynku.

Dla przedsiębiorcy to znajoma lekcja. Dobre narzędzie często rodzi się z własnej codzienności, ale warto szybko przetestować je na innych. Ta sama myśl pojawia się pod koniec odcinka: w 44:20 tematem jest to, dlaczego w Magic Patterns każdy rozmawia z użytkownikami. Pisaliśmy już, że w automatyzacji liczy się zasada najpierw problem klienta, potem kod. To samo dotyczy strony internetowej: ma służyć klientowi, a nie ładnie wyglądać w próżni.

Kontekst odróżnia wynik od generycznego

W opisie odcinka przedstawiono nowe płótno MagicOS od Magic Patterns. Zespół może zebrać na nim prompty, obrazy, wymagania produktowe i inne informacje kontekstowe oraz wizualnie badać pomysły. W 11:23 tematem jest projektowanie z kontekstem na płótnie, a w 14:50 to, jak uzyskać lepsze wyniki z narzędzi AI do projektowania.

Uważam to za najważniejszą wskazówkę z odcinka dla małej firmy. Jeśli dasz AI tylko ogólne polecenie, dostaniesz ogólną odpowiedź. Jeśli dasz mu słowa samych klientów, prawdziwe zdjęcia produktów, cennik, głos firmy i przykład strony, jakiej nie chcecie, wynik zaczyna przypominać właśnie waszą firmę. Ta sama zasada powraca w innej pracy z AI: agenci AI potrzebują dobrze zorganizowanego środowiska pracy, a narzędzie projektowe potrzebuje dobrego materiału wyjściowego.

Jak rozpoznać stronę vibe coded?

W drugiej połowie odcinka oceniane są strony czterech startupów: Ego, Sentient OS, Cerenovus i Slashy. Według opisu celem jest rozłożenie na czynniki tego, co sprawia, że strona sprawia wrażenie vibe coded, czyli naprędce złożonej z promptów, gdzie założyciele popełniają błędy i jak sprawić, by projekt stworzony przez AI wydawał się bardziej przemyślany. Szczegóły ocen warto obejrzeć samemu w filmie.

Własną stronę można jednak sprawdzić już teraz za pomocą kilku pytań. Proponowałabym takie:

• Czy nagłówek ze strony głównej dałoby się przenieść na stronę konkurenta tak, by nikt tego nie zauważył?
• Czy na stronie widać coś, co macie tylko wy: prawdziwy produkt, prawdziwych ludzi, prawdziwą historię klienta?
• Czy pierwszy widok mówi, dla kogo jest usługa i co odwiedzający ma zrobić dalej?
• Czy każda sekcja ma swoje zadanie, czy znalazła się na stronie tylko dlatego, że zaproponowało ją narzędzie?

Szybkość i jakość się nie wykluczają

W 43:33 programu tematem jest to, jak rozwinąć lepsze wyczucie designu, a w 45:07 równowaga między szybkością a jakością projektu. Oba tematy trafiają w codzienność małej firmy. Gdy szkic powstaje w kilka minut, zostaje więcej czasu na decyzje. Pisaliśmy wcześniej o tym, jak dobrze wykorzystać czas zaoszczędzony dzięki AI. W przypadku strony internetowej oznacza to, że szybko zyskany czas przeznacza się na dopracowanie treści, zdjęć i ścieżki klienta.

W praktyce poleciłabym AI przygotować kilka wariantów, pokazałabym je kilku klientom i zapytała, który według nich brzmi jak my. Poprosiłabym ich też, by własnymi słowami opowiedzieli, czym zajmuje się firma. Ich słowa są często lepszym materiałem na nagłówek niż jakikolwiek gotowy szablon.

Co przedsiębiorca powinien zrobić dalej?

Strona internetowa zaprojektowana przez AI to dobry punkt wyjścia, jeśli oprzesz ją na własnych materiałach i ocenisz oczami klienta. Przed kolejną odsłoną zbierz w jednym folderze opinie klientów, prawdziwe zdjęcia i trzy strony, które ci się podobają lub nie. Przekaż je narzędziu jako kontekst i sprawdź wynik za pomocą powyższych pytań.

Według opisu odcinek kończy się rozmową o przyszłości designu i Magic Patterns. Z perspektywy przedsiębiorcy najważniejszy wniosek jest już jasny: gdy wszyscy mają te same narzędzia, o wyróżnieniu się decyduje to, co się do nich wprowadza, i to, kto zatwierdza wynik.

▶

Obejrzyj oryginalny odcinek na YouTube: Y Combinator.

Źródła

• Y Combinator: How To Stand Out In A World Of AI Designs (Design Review) — Źródło: opis odcinka YC i program z oznaczeniami czasu, nie zweryfikowana transkrypcja.
• Magic Patterns — Strona internetowa narzędzia.