Narzędzia do prototypowania
https://www.relume.io/ (funkcja sitemaps + wireframes)
https://stitch.withgoogle.com/
https://uxpilot.ai/ai-ui-generator
Wideo z finału lekcji stworzyłam przy pomocy funkcji „Filmy z Veo” w modelu Gemini 2.5 Flash.
https://gemini.google.com/
Pozwala on stworzyć dowolny film z promptu trwający 8 sekund, oparty o załączony statyczny obraz (w moim przypadku był to screen z lekcji). Wideo generuje się wraz dźwiękiem. Jednorazowo możesz wygenerować trzy takie filmy.
Słownik
Prototyp – wstępna, uproszczona wersja produktu cyfrowego, która pozwala zobaczyć, jak coś będzie działać, zanim zostanie zbudowane w całości. Może przybierać różne formy – od prostego szkicu po interaktywny model aplikacji. Prototyp służy do testowania pomysłów, układu treści i logiki interakcji z użytkownikiem. W pracy UX writera/ki pomaga sprawdzić, czy komunikaty są zrozumiałe i czy wspierają płynność doświadczenia, zanim treści trafią do finalnego projektu.
Generatory stron www – narzędzia oparte na sztucznej inteligencji lub gotowych szablonach, które automatycznie tworzą stronę internetową na podstawie krótkiego opisu lub wybranych opcji. Użytkownik podaje temat, cel strony i styl wizualny, a generator sam dobiera układ, obrazy i wstępne teksty. Takie rozwiązania (np. Framer AI, Durable, Mixo) pozwalają w kilka minut uzyskać działającą stronę, którą można później edytować ręcznie. Dla osób projektujących treści to sposób na szybkie prototypowanie i testowanie struktury komunikatów w realistycznym środowisku.
Stwórz własny prototyp strony
Wybierz dowolne narzędzie do prototypowania
Zaprojektuj prosty prototyp jednej z poniższych stron:
- strona promująca e-book,
- strona małej marki eksperckiej (np. freelancerki, konsultantki, projektanta),
- landing page zapisu na newsletter lub webinar.
Zadbaj o treści – dodaj:
- nagłówek (headline),
- krótki akapit wprowadzający,
- CTA (call to action),
- kilka sekcji (np. „Dla kogo jest…”, „Dlaczego warto?”, „O autorce”).
Zrób zrzut ekranu lub podaj link prototypu i dodaj swój krótki komentarz, np.
„Najtrudniejsze było…” albo „Najciekawsze w tym zadaniu było…”.
Kompleksowy kurs projektowania tekstów do interfejsów
✏️ 38 lekcji wideo
✏️ 15 kreatywnych ćwiczeń
✏️ notatki i listy kontrolne do pobrania
✏️ nauka o narzędziach projektowych (Miro, Notion, Framer)
✏️ wiedza o systemach no-code (do samodzielnego tworzenia produktów)
✏️ tworzenie portfolio i certyfikat ukończenia kursu
✏️ możliwość dokupienia konsultacji indywidualnych
