2IP оновився: новий дизайн, новий логотип і знайомі сервіси
Ми оновили 2IP — від логотипа й навігації до оформлення сервісів та результатів перевірок. Сайт став сучаснішим, але його головне призначення залишилося незмінним: допомагати швидко знаходити потрібні інструменти й отримувати інформацію про мережу.
За роки роботи 2IP значно виріс. З'явилися нові сервіси, можливості та інструменти, а разом із ними — потреба в єдиному, зручному інтерфейсі. Розповідаємо, що ми змінили та які ідеї стоять за оновленням.
Новий логотип — символ швидкості
Разом із дизайном ми оновили й логотип 2IP. Знайомий круглий знак, який багато років представляв наш сайт, поступився місцем новому — з динамічними лініями, кольоровими акцентами та написом 2IP.
В основі нового знака — швидкість. Не лише швидкість інтернет-з'єднання, а й швидкість доступу до потрібної інформації.
Перевірити IP-адресу, знайти інформацію про домен, перевірити DNS або скористатися іншим мережевим інструментом — усе це можна зробити в одному місці. Саме цю ідею швидкого доступу до сервісів ми хотіли передати новим логотипом.
Його лінії створюють відчуття руху, а компактна форма добре вписується в оновлений інтерфейс — як на комп'ютері, так і на телефоні.
Ми також підготували окремі варіанти для світлої та темної тем. А для вкладки браузера залишили лише графічний знак без напису: так він залишається впізнаваним навіть у невеликому розмірі.
Знайомий 2IP у новому оформленні
Попередній дизайн був із нами багато років. За цей час сайт розвивався, кількість сервісів збільшувалася, а окремі сторінки поступово отримували власні елементи оформлення.
Ми вирішили об'єднати їх у спільну систему, щоб користуватися різними інструментами було однаково зручно.
Головна сторінка зберегла свою основну ідею: ваша IP-адреса одразу перед очима, а найпотрібніші інструменти — поруч.
Водночас ми оновили розташування блоків, відступи, заголовки та картки сервісів. Інформацію стало простіше переглядати, а потрібні дії — знаходити.
При цьому ми зберегли знайомі іконки сервісів, щоб постійним користувачам не довелося звикати до всього заново.
Єдиний стиль для всіх сервісів
За основу оновлення ми взяли принципи Material Design 3, адаптувавши їх до власного стилю 2IP.
Тепер кнопки, поля введення, меню, таблиці та інші елементи оформлені за спільними правилами.
Це особливо помітно, коли переходиш між різними інструментами. Незалежно від того, перевіряєте ви IP, DNS чи доступність порту, знайомі елементи залишаються на своїх місцях і працюють передбачувано.
Ми прагнули зробити інтерфейс цілісним, не перевантажуючи його зайвими декоративними деталями.
Зручніша навігація
У 2IP багато інструментів, тому швидко знайти потрібний — не менш важливо, ніж виконати саму перевірку.
Ми оновили бокове меню, упорядкували категорії сервісів і зробили переходи між ними зручнішими.
На комп'ютері групи інструментів відкриваються в додатковому меню, а основні розділи завжди залишаються доступними.
Перемикачі мови й теми, а також доступ до особистого кабінету тепер зібрані у верхній частині сторінки.
Світла, темна або автоматична тема
Ми приділили окрему увагу оформленню сайту в різних умовах освітлення.
Тепер можна вибрати світлу, темну або автоматичну тему, яка підлаштовується під налаштування вашого пристрою.
Темна тема отримала власну палітру кольорів. Ми підібрали відтінки фону, тексту, карток і кнопок так, щоб інформація залишалася читабельною, а знайомий стиль 2IP — впізнаваним.
Вибрана тема зберігається в браузері, тому налаштовувати її щоразу не потрібно.
Зручніші форми та зрозуміліші результати
Більшість сервісів 2IP починаються з простої дії: введення IP-адреси, домену або іншого значення.
Ми оновили поля введення, підписи, підказки та кнопки, щоб ними було зручніше користуватися.
Кольори тепер також допомагають орієнтуватися в діях: синій використовується для звичайних кнопок, зелений — для збереження та успішних станів, а червоний — для помилок і видалення.
Окрему увагу ми приділили результатам перевірок. Таблиці, повідомлення та інформаційні блоки стали послідовнішими за оформленням.
Важливо не лише показати результат, а й допомогти правильно його зрозуміти. Наприклад, якщо перевірка порту завершилася успішно, але порт виявився закритим, це не помилка сервісу — це результат перевірки.
Тому ми розділяємо стан виконання перевірки та інформацію, яку вона повернула.
2IP на телефоні
Мобільна версія також отримала оновлений інтерфейс.
Ми переробили навігацію, збільшили зони натискання та адаптували картки, форми й результати до невеликих екранів.
Меню відкривається окремою панеллю, а категорії сервісів можна розгортати без переходу на інші сторінки.
Ми також переглянули відступи та розташування елементів, щоб користуватися інструментами було зручно навіть однією рукою.
Увага до деталей
Не всі зміни одразу помітні на скриншотах.
Ми також працювали над поведінкою інтерфейсу: плавністю відкриття меню, виділенням активних елементів, навігацією з клавіатури та стабільністю сторінок під час завантаження.
Окрему увагу приділили тому, щоб елементи не змінювали положення без потреби, а перемикання теми відбувалося плавно.
Ці невеликі вдосконалення роблять щоденне користування сайтом комфортнішим.
Головне залишилося незмінним
Попри всі візуальні зміни, головне призначення 2IP залишається тим самим — допомагати швидко отримувати потрібну інформацію про мережу та користуватися інструментами для її перевірки.
Як і раніше, ви можете миттєво дізнатися свою IP-адресу, перевірити DNS, знайти інформацію про домен через WHOIS, перевірити доступність портів та скористатися десятками інших сервісів.
Ми оновили зовнішній вигляд, але зберегли те, за що ви цінуєте 2IP: простоту, швидкість і доступ до всіх необхідних інструментів в одному місці.
Що далі
2IP продовжує розвиватися. Новий дизайн став основою для подальших оновлень, нових можливостей і вдосконалення наших сервісів.
Ми й надалі працюватимемо над тим, щоб 2IP залишався зручним, швидким і надійним інструментом для щоденних завдань.
Дякуємо, що користуєтеся 2IP і розвиваєтеся разом із нами!