VGZ: streamer link hub (one-page)
Strony WWW
Strona z linkami do kanałów streamera, zbierająca w jednym miejscu Twitcha, Kicka, YouTube, Instagram, TikToka, X, Discord i kontakt reklamowy. Pokazuje przy tym, na którym kanale trwa właśnie transmisja.
Wyzwanie
- Widz przychodzi z jednego serwisu i nie wie, gdzie streamer akurat nadaje ani gdzie znaleźć pozostałe profile.
- Sprawdzanie stanu transmisji musi działać samo, bez ręcznego przestawiania czegokolwiek przed wejściem na antenę.
Rozwiązanie
- Jeden ekran z kompletem kanałów, bez przewijania, w kolorystyce każdej platformy.
- Znacznik transmisji na żywo dla Twitcha i Kicka, odświeżany co półtorej minuty.
- Odpytywanie stanu z dwóch stron naraz: z serwera i z przeglądarki. Kick odrzuca zapytania z serwerowni, więc sam serwer nigdy nie pozna prawdziwej odpowiedzi; przeglądarka odwiedzającego nie jest blokowana i uzupełnia wynik.
- Animowane tło rysowane na płótnie, ograniczone do trzydziestu klatek na sekundę, żeby nie obciążać telefonu.
Co powstało
- Komplet kanałów i profili na jednym ekranie, bez przewijania
- Znacznik transmisji na żywo dla Twitcha i Kicka
- Kopiowanie adresu kontaktowego jednym kliknięciem
- Bez systemu zarządzania treścią: zmiana linku to zmiana jednego wpisu w kodzie
Efekt biznesowy
Widz trafia z dowolnego kanału na jedną stronę i od razu widzi, gdzie trwa transmisja, bez sprawdzania każdego serwisu po kolei.
Technologie / narzędzia
Next.jsReactTypeScriptCanvasVercel