Новый дизайн сайта и день рождения проекта Community!

Автор:

Привет, друзья! Сегодня мы празднуем день рождения проекта Community, а значит пришло время сюрпризов! В честь этого события мы представляем вам новый дизайн сайта, который отражает нашу любовь к пользователям и наше стремление к постоянному развитию и совершенствованию.

При создании нового дизайна мы постарались сохранить преемственность, чтобы большинство элементов остались на своих привычных местах, но получили современный внешний вид. Верим, что изменения вам понравятся!

Конечно, в новом дизайне могут быть баги и недочёты, которые мы не заметили или не смогли отловить на этапе тестирования. Будем рады, если вы сообщите о них либо в комментариях в ВКонтакте и Telegram, либо через обратную связь на сайте.

А ниже вы найдёте небольшой рассказ о том, почему мы решили обновить дизайн, какие технологии использовали и с какими сложностями пришлось столкнуться.

История создания дизайна

2022

Впервые об обновлении дизайна сайта мы задумались около двух лет назад. Было понятно, что текущая версия постепенно устаревает, а ошибки, допущенные при её разработке, несколько ограничивают процесс модернизации.

Это не было сюрпризом, ведь старый дизайн создавался в далёком 2015 году, когда опыта в вёрстке у нас было явно поменьше. Конечно, в дальнейшем он неоднократно дорабатывался. Была реализована тёмная тема оформления, слайдер заменён на блок с важными новостями, полностью переработаны комментарии и так далее. Но фундамент оставался прежним.

Итак, уже два года назад мы решили, что будем полностью переписывать дизайн сайта, перейдём с Bootstrap 3 на Bootstrap 5, а также будем использовать препроцессор SASS для кастомизации дефолтных стилей.

Тогда же появились первые наброски нового дизайна в Figma. Это были лишь отдельные блоки, но уже было понятно, что нас ждёт нечто грандиозное.

Но целостной картины на тот момент не было, а новые идеи как-то иссякли. Плюс мы решили подождать новую версию Bootstrap с парой фич, которые нам казались полезными. В общем, работа была приостановлена.

2023–2024

К разработке нового дизайна мы вернулись примерно спустя год. Не случайно. После одного из обновлений движка мы заметили несколько проблем в дизайне, которые были похожи на какие-то конфликты. Кое-что удалось оперативно исправить, а что-то пришлось оставить как есть.

В этот момент стало понятно, что дальше тянуть нельзя. Работа над дизайном возобновилась, хотя с новыми идеями по-прежнему было всё печально. Днями и ночами мы просматривали дизайны сайтов, концепты на разных платформах, различные UI-киты, пытаясь понять, как должен выглядеть новый дизайн сайта. Рисовали и перерисовывали, верстали и перевёрстывали, пока не пришли примерно к тому, что вы можете видеть сейчас.

Изначально мы планировали запустить обновлённый сайт в декабре 2023 года. Но когда мы взглянули на почти готовый вариант, сразу стало понятно, что можно сделать ещё лучше. Дизайн ушёл на доработку, а новой датой релиза назначили 4 июля 2024 года — день рождения Community.

Мы решили сделать новый дизайн для цитат, таблиц, содержания, блоков с исходным кодом, скрытого текста, списка категорий и других элементов, которые встречаются внутри новостей. Также немного поработали над типографикой, изображениями, галереями. И, конечно, исправили некоторые старые баги.

Основная работа была завершена в конце апреля, и тогда же началось закрытое тестирование среди администраторов и модераторов. Мелкие ошибки исправляли вплоть до сегодняшнего релиза.

Что убрали?

В новом дизайне сайта не нашлось места для блока с важными новостями в верхней части страницы. Мы делали несколько прототипов, но все они вызывали много вопросов. Какие-то отнимали слишком много пространства на экране, а другие просто не вписывались в дизайн. Пока что решили отказаться от этого блока, но в будущем он может вернуться, если придумаем адекватную реализацию. Предложения и идеи приветствуются :)

Прекращена поддержка устаревших браузеров, таких как Internet Explorer, Microsoft Edge на базе EdgeHTML и прочих. Это также означает, что сайт не будет корректно отображаться на устройствах с Windows 10 Mobile, если кто-то ими всё ещё пользуется.

Убрана функция отправки уведомлений с сайта, так как она не пользовалась популярностью. Если вы ранее согласились на получение уведомлений, то, вероятно, они продолжат приходить в течение какого-то времени. На ПК вы можете установить приложение Pocket Community из Microsoft Store, которое умеет отправлять уведомления о новых публикациях.

Убрана поддержка PWA. К сожалению, эта функция работала странно, порой приводя к существенному замедлению работы сайта из-за слишком большого объёма сохранённых данных на локальном устройстве. Установить сайт в качестве приложения по-прежнему можно, но без подключения к Интернету страницы теперь открываться не будут.