Telematic.Pro z zorzą polarną w interfejsie i nową stroną płatności

Niedawno wyjaśniliśmy, dlaczego przebudowaliśmy Telematic.Pro od podstaw. Produkt wciąż się rozwija, a ostatnia aktualizacja dotyczy przede wszystkim wizualnej warstwy: interfejs stał się wyraźnie bogatszy, bez utraty szybkości.

Warstwa designu Aurora

Kiedyś strona opierała się na ciemnym tle z siatką. Teraz za nią rozciąga się pełnoprawna aurora:

Jasny motyw ma własną paletę — Pearl: pastelowe niebo i gradient różowo-brzoskwiniowy zamiast zwykłego białego tła.

Piękne, ale szybkie

Bogata grafika łatwo może obciążyć stronę. Dlatego Aurora działa w dwóch trybach. Na stronie publicznej tło prezentuje się w pełnej krasie, natomiast wewnątrz aplikacji przełącza się na spokojniejszą wersję, aby nic nie rozpraszało od pracy. Tryb oszczędzania energii zatrzymuje nieskończone animacje, rozmycie szkła włącza się wyłącznie na mocnych urządzeniach, a ustawienie systemowe „ogranicz ruch” całkowicie wyłącza animacje. Przezroczystość kart i paneli pozostaje taka sama we wszystkich trybach, dzięki czemu interfejs zawsze wygląda spójnie.

Spójne kontrolki formularzy

Natywne listy rozwijane, pola wyboru i suwaki przeglądarek wyglądają inaczej w każdej z nich. Zastąpiliśmy je własnymi komponentami w stylu produktu — we wszystkich ustawieniach, edytorze wideo, panelu administracyjnym i oknach modalnych. Na telefonach przyciski i pola są teraz większe, więc łatwo trafić w nie palcem.

Nowa strona doładowania konta

Okno doładowania zostało całkowicie przeprojektowane: każdy pakiet tokenów zawiera podpowiedź, do czego można go wykorzystać, na dole widoczna jest suma, wyświetlane są tylko dostępne metody płatności, a dodatkowo znajduje się blok zaufania i link do regulaminu. Użytkownik wie dokładnie, za co płaci, zanim zapłaci.

Easter egg w kalkulatorze

Na stronie z cennikiem znajduje się kalkulator ROI, który porównuje koszt prowadzenia kanału ręcznie z kosztem prowadzenia go w Telematic. Proszę spróbować ustawić godzinową stawkę pracownika na 0 — kalkulator uruchomi alarm, z migającą taśmą ostrzegawczą i radarem: „Uwaga: wykryto pracę niewolniczą”.

Świeże zrzuty ekranu w każdym języku

Zrzuty produktu na stronie głównej są teraz wykonywane automatycznie z kont demonstracyjnych i istnieją we wszystkich 7 językach oraz obu motywach, dzięki czemu odwiedzający widzą interfejs w swoim języku. Przy okazji naprawiliśmy też błąd, przez który bardzo długie artykuły były odrzucane przez Feed API.

Liczby

4 commity, 137 plików i około 880 wierszy nowego CSS dla warstwy designu.

Zaktualizowaną usługę mogą Państwo wypróbować pod adresem telematic.pro, a pełne studium przypadku znajduje się w naszym portfolio.

Chcą Państwo, aby Państwa produkt wyglądał równie efektownie i pozostał równie szybki? Opowiedzcie nam o projekcie.