Перейти до вмісту

Telematic.Pro отримав північне сяйво в інтерфейсі та нову сторінку оплати

1 жовтня 2026 р.

Нещодавно ми пояснювали, чому переписали Telematic.Pro з нуля. Продукт продовжує розвиватися, і це оновлення — про візуал: інтерфейс став помітно багатшим, не втративши в швидкості.

Telematic.Pro: темна та світла теми

Шар дизайну Aurora

Раніше сайт спирався на темний фон із сіткою. Тепер за ним живе справжнє північне сяйво:

великі світні плями лазурового, фіолетового та бірюзового кольорів;
«завіси», що повільно погойдуються, як північне сяйво;
тонка сітка, зернистість плівки та, у темній темі, зорі;
скляні картки, кнопки з градієнтом від лазурового до фіолетового та м’яке світіння при наведенні.

Лендинг 28 вересня і 1 жовтня

Світла тема має власну палітру — Pearl: пастельне небо та градієнт рожевого з персиковим замість звичайного білого фону.

Вітрина продукту у світлій темі

Красиво, але швидко

Багата графіка легко може обважнити сайт. Тому Aurora працює у двох режимах. На публічному сайті фон показано в повному блиску, а всередині застосунку він перемикається на спокійнішу версію, щоб ніщо не відволікало від роботи. Режим економії енергії зупиняє нескінченні анімації, розмиття скла вмикається лише на потужних пристроях, а системне налаштування «зменшити рух» повністю вимикає анімацію. Прозорість карток і панелей однакова в усіх режимах, тож інтерфейс завжди виглядає цілісно.

Єдині елементи форм

Вбудовані в браузер випадаючі списки, чекбокси та повзунки виглядають по-різному в кожному браузері. Ми замінили їх власними компонентами в стилі продукту — у всіх налаштуваннях, відеоредакторі, адмін-панелі та модальних вікнах. На телефонах кнопки та поля тепер більші, тож по них легко потрапити пальцем.

Вітрина продукту у темній темі

Нова сторінка поповнення балансу

Вікно поповнення повністю переробили: до кожного пакета токенів тепер додано підказку про те, що з ним можна зробити, внизу показано підсумкову суму, відображаються лише доступні способи оплати, є блок довіри та посилання на умови використання. Користувачі точно знають, за що платять, ще до оплати.

Пасхалка в калькуляторі

На сторінці цін є ROI-калькулятор, який порівнює вартість ведення каналу вручну з роботою в Telematic. Спробуйте встановити погодинну зарплату персоналу на 0 — калькулятор увімкне тривогу з миготливою стрічкою небезпеки та радаром: «Увага: виявлено рабську працю».

ROI-калькулятор і тривога

Те саме у світлій темі

Свіжі скриншоти всіма мовами

Скриншоти продукту на лендингу тепер знімаються автоматично з демо-акаунтів і доступні всіма 7 мовами та в обох темах, тож відвідувачі бачать інтерфейс своєю мовою. Крім того, ми виправили помилку, через яку дуже довгі статті відхилялися Feed API.

У цифрах

4 коміти, 137 файлів і близько 880 рядків нового CSS для шару дизайну.

Оновлений сервіс можна спробувати на telematic.pro, а повний кейс — у нашому портфоліо.

Хочете, щоб ваш продукт виглядав так само вражаюче і працював так само швидко? Розкажіть нам про свій проєкт.

Усі статті