// Realizacja 07 / 08 · projekt koncepcyjny
AI-Duoagencja AI, Polska
Rozmowa zamiast oferty: firma słyszy, jak brzmiałby jej asystent.
Projekt koncepcyjny — jak zrobiłbym stronę dla firmy z branży: agencja AI. Firma i jej dane są fikcyjne.
- Branża
- agencja AI
- Miasto
- Polska
- Języki
- PL / EN
- Rodzaj
- projekt koncepcyjny
- Rok
- 2026
01 — Problem
Firma, która myśli o asystencie AI, nie kupi go z opisu — musi usłyszeć, jak brzmi. Tak zrobiłbym stronę agencji AI: zamiast oferty próbki, które da się posłuchać, kliknąć i obejrzeć.
02 — Decyzje
-
Scenariusz na dwa głosy
Nagłówki to pary kwestii: TY kursywą Instrument Serif w cynobrze, DUO krojem mono w turkusie.
-
Rozmowa do posłuchania
Nagrana rozmowa z asystentem głosowym (40 s po polsku, 33 s po angielsku) z napisami w rytm słów i pełnym zapisem, który działa bez JavaScriptu.
-
Czat bez kosztów API
Czat do klikania ze stałym drzewkiem pytań zamiast modelu językowego: zero opłat za zapytania, a bez JavaScriptu działa jako zwykła lista rozwijana.
-
Awatar, który się przedstawia
Film startuje dopiero po kliknięciu, a DUO od razu mówi, że jest AI. Wideo idzie przez Workera z obsługą Range — bez tego nie gra na iPhonie.
-
Wszystko z AI i podpisane
Obrazy z Google Flow, głosy z Gemini TTS, awatar z Flow — stopka i podpisy mówią to wprost.
03 — Efekt
Strona po polsku i angielsku z 12 przykładowymi scenariuszami (głos, czat, awatar). Przesunięcie układu na telefonie spadło z 0,18–0,27 do 0,00–0,03 po wczesnym ładowaniu fontów. Wydajność 99 na telefonie, 100 na komputerze.
99telefon
100komputer
pomiar:
04 — Karta DNA
Z czego zbudowane jest wykończenie
Kliknij token, żeby zdjąć go z podglądu. Zostaje sam szkielet — ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05 — Google widzi
Co ta strona mówi wyszukiwarkom i AI
- Usługi wprost w tytule: „agenci głosowi, chatboty i awatary AI dla firm”.
- Zapis rozmowy jako tekst w HTML — wyszukiwarka i AI czytają treść nagrania.
- hreflang pl/en z x-default, canonical i Open Graph.
- sitemap.xml z 36 adresami w dwóch językach.
- Demo fikcyjnej agencji z noindex (meta i X-Robots-Tag).
06 — Na telefonie
Ta sama strona w 390 pikselach
Zrzut 390 × 844 z żywej strony. Wynik wydajności na telefonie:
99/ 100
