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 и развиваетесь вместе с нами!