Steruj całym interfejsem głosem
Budujemy strony i aplikacje od A do Z wyłącznie w Next.js — z wbudowaną warstwą VoiceUI (nawigacja, formularze, FAQ, przewodnik). Nie wdrażamy na WordPress, Webflow ani legacy. Start: Pilot od 12 900 PLN netto (wąska strona + głos).
VoiceUI Universal — demo na wszystkich urządzeniach
Ta strona działa w trybie Universal: iPhone, Android, Safari i Firefox korzystają z rozpoznawania mowy w chmurze. Na komputerze w Chrome/Edge używamy szybszego Web Speech API. Wymagany dostęp do mikrofonu.
Masz już Next.js i wdrażasz sam? Platforma SaaS: konto, plan, klucz — voiceui-platform.vercel.app
118+
zdefiniowanych komend
PL/EN
słowniki komend
2–3 tyg.
typowy pilot
Greenfield
Next.js / React
VoiceUI w praktyce
Nawigacja, formularze, FAQ i dostępność — jeden spójny system komend
VoiceUI w działaniu
Nagrana sesja pokazuje pełny cykl interakcji: nawigacja między sekcjami, obsługa formularza, centrum komend i tryb przewodnika. Na tej stronie demo działa w trybie Universal — możesz testować głosem także na iPhone i Android.
VoiceUI Universal — demo na wszystkich urządzeniach
Ta strona działa w trybie Universal: iPhone, Android, Safari i Firefox korzystają z rozpoznawania mowy w chmurze. Na komputerze w Chrome/Edge używamy szybszego Web Speech API. Wymagany dostęp do mikrofonu.
- Nawigacja sekcji jednym poleceniem głosowym
- Dyktowanie i edycja pól formularza kontaktowego
- Sterowanie FAQ oraz panelem centrum komend
- Tryb przewodnika dla użytkowników wymagających wsparcia TTS
Komendy: „odtwórz film”, „zatrzymaj film”, „pauza”, „zamknij film”
Zasada działania VoiceUI
Pięć filarów technicznych, które odróżniają VoiceUI od chatbotów i prostych asystentów głosowych — deterministyczne komendy, natychmiastowa reakcja interfejsu i pełna integracja z kodem produktu.
Warstwa komend interfejsu
Każde polecenie mapuje się na konkretną akcję UI: sekcja, element formularza, akordeon FAQ lub panel pomocy — bez niejednoznaczności typowej dla modeli konwersacyjnych.
Synteza mowy i potwierdzenia
System informuje użytkownika o wykonanej operacji. Odpowiedzi głosowe można włączyć lub wyłączyć bez utraty funkcji sterowania.
Równoległa obsługa wejść
Głos uzupełnia mysz i klawiaturę — nie zastępuje ich. Interfejs pozostaje w pełni dostępny dla wszystkich metod interakcji.
Rozpoznawanie intencji po polsku
Synonimy, warianty fonetyczne i dopasowanie kontekstowe w języku polskim (pl-PL), zoptymalizowane pod Web Speech API.
Implementacja w Next.js / React
VoiceUI jest wbudowane w architekturę front-endu — nie plugin, nie iframe. Pełna kontrola nad wydajnością, dostępnością i spójnością wizualną.
Korzyści biznesowe i UX
VoiceUI przekłada inwestycję w dostępność i doświadczenie użytkownika na mierzalne efekty: lepszy UX, szerszy zasięg i wyraźne wyróżnienie marki.
Efekt widoczny od pierwszego kontaktu
W segmencie premium pierwsze sekundy decydują o odbiorze produktu. Warstwa głosowa pokazuje dojrzałość UX i świadome projektowanie interfejsu.
Wyróżnienie na tle konkurencji
Pełne sterowanie interfejsem głosem (nie sam chat) jest rzadko spotykane na polskim rynku — mocny argument sprzedażowy i wizerunkowy.
Wyższa jakość doświadczenia
Skrócenie ścieżki do treści i akcji przekłada się na dłuższy czas sesji i lepsze wyniki konwersyjne.
Rozszerzenie grupy odbiorców
Dostępność dla osób z niepełnosprawnościami, seniorów oraz użytkowników preferujących interakcję głosową.
Pozycjonowanie technologiczne marki
Marka wygląda na świadomą UX i dostępności — nie na kolejny szablon z doklejonym widgetem.
Efektywność nawigacji treścią
Głos eliminuje wielokrotne kliknięcia i przewijanie — szczególnie na rozbudowanych serwisach informacyjnych.
Inwestycja o horyzoncie długoterminowym
Interfejsy głosowe zyskują na znaczeniu. VoiceUI to gotowa, produkcyjna warstwa do wdrożenia na greenfield Next.js.
Wsparcie dla użytkowników z ograniczeniami
VoiceUI realizuje realną niezależność cyfrową — nie symboliczny checkbox zgodności. Tryb przewodnika prowadzi przez strukturę strony, odczytuje sekcje i umożliwia pełną obsługę bez urządzeń wskazujących.
Aktywacja: „włącz przewodnika” — nawigacja z opisem sekcji i odczytem treści.
Ograniczenia ruchowe
Pełna obsługa serwisu wyłącznie głosem — bez konieczności użycia myszy, touchpada ani klawiatury.
Słabowidzący i niewidomi
Nawigacja z potwierdzeniami TTS, logiczna struktura sekcji i wysoki kontrast interfejsu.
Użytkownicy senioralni
Naturalne polecenia zamiast złożonej nawigacji wizualnej — krótsza krzywa uczenia się.
Samodzielność w środowisku cyfrowym
Użytkownik wykonuje zadania bez asysty osoby trzeciej — kluczowy standard dostępności w usługach publicznych i komercyjnych.
Dostępność jako fundament architektury
VoiceUI powstało z założenia, że interfejs musi być użyteczny dla każdego użytkownika. Dostępność nie jest warstwą dodawaną po wdrożeniu — jest częścią procesu projektowego od pierwszego dnia.
Niezależność operacyjna
Użytkownik samodzielnie realizuje cele na stronie — bez obejść, skrótów klawiaturowych znanych tylko ekspertom.
Semantyka i wzorce UI
Aria-labels, stany fokusa, kontrast i hierarchia nagłówków — zgodnie z dobrymi praktykami projektowania inclusive.
Komplementarność wejść
Warstwa głosowa rozszerza — nie ogranicza — obsługę myszą, dotykiem i klawiaturą.
Zgodność z wytycznymi WCAG
Projekt i implementacja uwzględniają wymagania dostępności na każdym etapie cyklu życia produktu.
Proces implementacji
VoiceUI wdrażamy wyłącznie w nowych projektach Next.js/React — z pełną kontrolą nad architekturą, jakością kodu i spójnością interfejsu.
Wyłącznie projekty greenfield
Warstwa głosowa jest projektowana równolegle z UX i strukturą informacji. Nie integrujemy VoiceUI z istniejącymi systemami CMS ani legacy bez przebudowy front-endu.
Discovery i analiza wymagań
Mapowanie grup użytkowników, ścieżek interakcji i zakresu komend pod cele biznesowe.
Projekt intencji głosowych
Słownik komend, synonimów i scenariuszy błędów — dopasowany do struktury produktu.
Implementacja UI i warstwy VoiceUI
Kod produkcyjny w Next.js/React z zachowaniem standardów wydajności i dostępności.
Tuning, testy i wdrożenie
Optymalizacja rozpoznawania mowy, testy regresji komend i release na środowisko produkcyjne.
Tech Stack
Implementacja komercyjna: CodeProSite.com — wdrożenia Next.js / React z wbudowaną technologią VoiceUI
Dwa sposoby na VoiceUI
VoiceUI to nie chatbot — precyzyjne komendy głosowe na stronie. Wybierz self-serve SaaS albo pełne wdrożenie pod klucz.
SaaS: dodaj warstwę sam — jeden skrypt, panel, subskrypcja. Wdrożenie: chcesz pełne dopasowanie pod lejek — robimy to za Ciebie.
Platforma SaaS
Dodaj warstwę głosową samodzielnie: konto, projekt, klucz publiczny i snippet na stronie. Bez czekania na custom development.
Starter · Pro 249 zł/mc · trial 14 dni
- Konto, projekt i klucz publiczny (pk_…)
- Snippet do wklejenia na stronę
- Panel zarządzania i limity planu
- Trial 14 dni — bez długoterminowej umowy
- Idealne na start i test na produkcji
Wdrożenie pod klucz (my budujemy)
My robimy za Ciebie: Pilot (wąska strona + głos) albo full strona od A do Z w Next.js + VoiceUI. Nie doklejamy WordPressa.
Pilot · full A–Z od ~20k w cenniku poniżej
- Pilot = test 1–2 flow na nowej, wąskiej stronie
- Starter / Pro / Enterprise = strona A–Z + VoiceUI
- Opcja Standard lub Universal (mobile)
- Szkolenie i maintenance po launchu
- Dla firm, które chcą full delivery bez DIY
Wdrażamy VoiceUI u Ciebie
Trzy ścieżki współpracy: szybki pilot, sama warstwa na greenfield Next.js/React albo pełny produkt z designem i SLA. Bez WordPress retrofit — jakość produkcyjna od architektury.
Pilot
Sprawdź VoiceUI na 1–2 flow zanim kupisz full wdrożenie.
2–3 tyg. · zaliczany w full
- 1–2 scenariusze głosowe
- Next.js / React greenfield
- Demo do zarządu
- Raport + oferta full
Sama warstwa
VoiceUI wbudowane w nową aplikację / stronę, którą budujesz lub budujemy.
3–6 tyg. · Standard; Universal wyżej
- Słownik komend pod produkt
- Formularze + nawigacja + FAQ
- Centrum komend + przewodnik
- Dokumentacja handoff
Pełny produkt
Strona lub aplikacja od zera + VoiceUI, design premium, SEO, launch.
6–12 tyg. · Pro → Enterprise
- Greenfield UI + VoiceUI
- Pakiety Pro / Enterprise
- Integracje, SLA, EN
- Szkolenie + maintenance
Dla kogo
- E-commerce, finanse, ubezpieczenia, zdrowie — dostępność i EAA
- B2B SaaS i panele web — hands-free onboarding i formularze
- Marki premium — wyróżnienie i innowacja w UX
- Public / edukacja — inkluzywny dostęp do treści
- Agencje — white-label wdrożenie u klienta końcowego
Nie dla kogo
- Lokalny mikroserwis „chcemy AI za 2–5k”
- WordPress / legacy bez przebudowy frontu
- Sam widget chatbot bez sterowania UI
- Projekty bez gotowości do greenfield Next.js/React
Dlaczego organizacje wdrażają VoiceUI
Dostępność i compliance
Głos + tryb przewodnika uzupełnia WCAG i wspiera ścieżki dla użytkowników z ograniczeniami.
01
Wyróżnienie rynkowe
Live demo pełnego sterowania UI głosem — konkret w pitchu i w PR, nie slajd o AI.
02
Mniej tarcia w kluczowych flow
Nawigacja i formularze bez rąk — krótsza ścieżka do konwersji w wybranych scenariuszach.
03
Jak wygląda wdrożenie u klienta
Powtarzalny proces od briefu do production — na nowej stronie lub aplikacji, nie jako nakładka na chaos legacy.
- 01
Brief i discovery
Mapa sekcji, flow, komend, Standard vs Universal, ryzyka RODO/STT.
- 02
Architektura + słownik
ID sekcji, intencje PL/EN, centrum komend, scenariusze błędów.
- 03
Implementacja
Warstwa w Next.js/React, formularze, FAQ, guide mode, testy przeglądarek.
- 04
Launch + maintenance
Deploy, szkolenie, pakiet SLA, rozwój komend po starcie.
Pilot VoiceUI
Płatny, krótki pilotaż na nowej stronie lub aplikacji greenfield — zanim zainwestujesz w pełne wdrożenie. Widzisz VoiceUI u siebie, nie tylko na voiceui.pl.
Pilot wdrożeniowy
1–2 kluczowe flow głosowe (np. nawigacja + formularz) na produkcie Next.js/React. Działający efekt w 2–3 tygodnie — do prezentacji zarządowi i testów z użytkownikami.
Inwestycja
netto · widełki · typowy zakres
Do 100% kwoty pilota może zostać zaliczone w pakiet Pro / Enterprise przy starcie full w ciągu 30 dni.
W zakresie pilota
- Discovery 1 sesja + mapowanie 1–2 flow
- Warstwa VoiceUI: nawigacja i/lub formularz (do ~40 komend)
- Tryb Standard (desktop) lub upgrade Universal po wycenie
- Deploy podglądu + 1 runda poprawek
- Raport po pilocie + propozycja full wdrożenia
Co masz na koniec
Działające demo na Twoim produkcie (lub greenfield landing), materiał do decyzji biznesowej i ofertę full z zaliczeniem części kosztu pilota.
Cennik VoiceUI
Tylko greenfield Next.js — strona od A do Z z VoiceUI. Pilot od 12 900 PLN = wąski zakres (landing / 1–3 sekcje + 1–2 flow głosu). Full Pro od ~35k, Enterprise od ~80k po briefie.
Co jest w cenie — w 3 liniach
- SaaS 99 zł/mcSam wklejasz snippet na swoją stronę. Nie budujemy Ci witryny.
- Pilot 12 900 PLNNowa, wąska strona Next.js (test 1–2 flow) + VoiceUI — nie full serwis 10+ sekcji.
- Starter / Pro / EnterpriseStrona od A do Z (greenfield Next.js) + VoiceUI w zakresie pakietu.
Widełki orientacyjne · netto · Next.js A–Z + VoiceUI
12 900 PLN nie jest pełną stroną firmową 10+ podstron. To Pilot: nowa, wąska witryna Next.js z VoiceUI. Full zakres po briefie. Nie bierzemy WordPress / Webflow / legacy.
- Liczba sekcji i ekranów aplikacji
- Zakres komend głosowych i scenariuszy
- Formularze, integracje, wielojęzyczność
- Wymagania WCAG i tryb przewodnika
- Harmonogram i krytyczność wdrożenia
iPhone, Android, Safari, Firefox · hybryda Web Speech + chmura STT
Starter Universal
Strona A–Z + VoiceUI
Nowa strona od A do Z + VoiceUI na wszystkich urządzeniach (iPhone, Android, Safari).
strona A–Z · widełki · netto
5–6 tygodni
- Wszystko ze Starter Standard (strona A–Z)
- Hybryda Web Speech + chmura STT
- iPhone, Android, Safari, Firefox
- Konfiguracja API rozpoznawania mowy
- Polityka prywatności pod STT w chmurze
- Testy cross-browser i mobile
Pro Universal
Strona A–Z + VoiceUI
Pełna strona od A do Z multi-platform — jak demo voiceui.pl w trybie Universal.
strona A–Z · widełki · netto
7–9 tygodni
- Wszystko z Pro Standard (strona A–Z)
- Pełna obsługa mobile i Safari
- Fallback chmura STT + Web Speech
- Monitoring zużycia API STT
- 45 dni wsparcia po launchu
- Szkolenie 1,5h (desktop + mobile)
Enterprise Universal
Strona A–Z + VoiceUI
Enterprise: strona/aplikacja A–Z, multi-device, SLA, limity STT — wycena po discovery.
strona A–Z · po briefie · netto
9–16 tygodni
- Wszystko z Enterprise Standard
- SLA STT + limity i alerty API
- Wiele języków komend
- Priorytetowe wsparcie mobile
- Maintenance API w pakiecie 3 mc
- Dedykowany opiekun techniczny
Pierwsza konsultacja bez zobowiązań. Faktura VAT. Płatność etapowa: 40% / 40% / 20%. Wycena wiążąca po akceptacji briefu.
Standard a Universal — który wybrać
| Aspekt | Standard | Universal |
|---|---|---|
| Urządzenia | Komputer (Chrome / Edge) | PC + iPhone + Android + Safari + Firefox |
| Technologia STT | Web Speech API (lokalnie) | Web Speech + chmura STT (hybryda) |
| Koszt API miesięcznie | 0 PLN | Od ~50 PLN (zależnie od ruchu) |
| Szybkość reakcji | Najszybsza | Bardzo dobra (mobile: +0,3–0,8 s) |
| RODO | Prostsze (brak audio na serwerze) | Wymaga klauzuli STT w chmurze |
| Dla kogo | B2B desktop, budżet, szybki start | EAA, mobile-first, pełna dostępność |
Rozszerzenia i utrzymanie
Upgrade Standard → Universal
od 5 900 PLN
Hybryda STT + testy mobile dla istniejącego projektu VoiceUI
Tylko warstwa VoiceUI (bez strony A–Z)
od 18 900 PLN
Gdy masz już Next.js — wkładamy głos, nie budujemy całej witryny od zera
Pilot (wąska strona + głos)
od 12 900 PLN
A–Z wąski zakres · 1–2 flow · 2–3 tyg. · nie full serwis · zaliczany w full
Maintenance Standard
od 990 PLN/mc
Aktualizacje, komendy, wsparcie bez API chmury
Maintenance Universal
od 1 490 PLN/mc
Wsparcie + monitoring i koszt API rozpoznawania mowy
Paczka 10 komend
od 2 400 PLN
Nowe intencje głosowe po wdrożeniu
Audyt WCAG + raport
od 4 900 PLN
Zakres audytu ustalany indywidualnie
VoiceUI a chatbot — czym się różnią
| Aspekt | Chatbot / asystent | VoiceUI |
|---|---|---|
| Model interakcji | Konwersacja, odpowiedzi tekstowe | Determinystyczne komendy → akcje UI |
| Sterowanie interfejsem | Ograniczone lub brak | Pełna nawigacja, formularze, FAQ |
| Przewidywalność | Zależna od modelu LLM | Każda komenda = konkretna akcja |
| Dostępność | Uzupełnienie czatu | Tryb przewodnika + WCAG + głos |
| Język polski | Często tłumaczony | Natywne intencje pl-PL |
| Wdrożenie | Widget / plugin | Wbudowane w architekturę Next.js |
Martyn Nowakowski
Twórca VoiceUI.pl — pomysł i realizacja warstwy do sterowania całym interfejsem strony głosem (PL/EN).
VoiceUI.pl to autorski pomysł i produkt: pełne sterowanie interfejsem aplikacji webowej głosem — nawigacja, formularze, FAQ, przewijanie i tryb przewodnika — jako równorzędny kanał obok myszy i klawiatury, nie jako chatbot.
Pomysł zrodził się z dwóch potrzeb: realnej dostępności cyfrowej dla osób z ograniczeniami oraz wyróżnienia marek, które chcą UX na wyższym poziomie niż sam widget czatu.
Traktuję to jako kierunek rozwoju interfejsów: naturalna mowa do sterowania produktem webowym, a dostępność jako wymóg projektowy, nie opcja.
Autorski system komend UI
Kompletna warstwa: komenda → akcja na stronie (nawigacja, formularze, FAQ, przewodnik) — w PL i EN.
Technologia z misją społeczną
Dostępność cyfrowa jako cel produktowy, nie dodatek marketingowy.
Inkluzywność użytkowników
Wsparcie osób niewidomych, słabowidzących, seniorów i użytkowników z ograniczeniami ruchowymi.
Wartość dla przedsiębiorstw
Wyróżnienie w UX i dostępności, które przekłada się na wizerunek i konwersję.
Natywna obsługa języka polskiego
Komendy, synonimy i intencje zaprojektowane pod polski — bez tłumaczenia z modeli anglojęzycznych.
Standardy inżynieryjne
Każdy projekt od podstaw w Next.js/React — wydajność, WCAG i utrzymywalność kodu.
Obsługa po wdrożeniu
Zapewniamy ciągłość działania warstwy głosowej — od konsultacji wstępnej po rozwój komend, monitoring i pakiety SLA dopasowane do skali produktu.
Wsparcie techniczne
Bezpośredni kontakt z zespołem implementacyjnym i zdefiniowany czas reakcji.
Wycena oparta na zakresie
Każdy projekt wyceniany po analizie wymagań — transparentnie i bez ukrytych pozycji.
Maintenance i rozwój
Aktualizacje, nowe komendy, tuning rozpoznawania mowy po wdrożeniu produkcyjnym.
Licencja użytkowania
Klient otrzymuje prawo do eksploatacji wdrożenia; rdzeń technologii chroniony modelem licencyjnym.
Harmonogram 4–8 tygodni
Od fazy discovery do produkcji — z możliwością dopasowania tempa do krytyczności projektu.
Konsultacja wstępna
Pierwsza rozmowa bez zobowiązań — analiza potrzeb i rekomendacja zakresu wdrożenia.
Pytania i odpowiedzi
Zebrane informacje o technologii, modelu wdrożenia, prywatności i warunkach współpracy — dla zespołów produktowych, IT i zarządu.
Umów konsultację
Opisz produkt i czy interesuje Cię Pilot, warstwa czy full wdrożenie — odpowiadamy w 24h robocze z propozycją kolejnego kroku.
Bezpośredni kontakt
codeprosite@gmail.com
Formularz obsługujesz głosem — np. „wpisz w imię i nazwisko Jan Kowalski”, „wpisz email jan@firma.pl”, „wyślij wiadomość”.