Блог АлаичЪ’а 2.0: глобальный редизайн! Хочу ваше мнение

Привет, друзья. Мне нужно ваше мнение и немного участия.

А теперь, когда я озвучил свою просьбу, позвольте представить вам новый дизайн моего блога! Когда вы читаете этот пост, вы уже видите все новое. Кто является моим постоянным читателем (ну, или как минимум, не впервые у меня в гостях), сразу заметит глобальные перемены во всем.

Но как бы ни казалось, что изменилось все, абсолютно изменились только стили (css имею в виду), а технических или контентных изменений практически не произошло. Ниже я подробно расскажу обо всем и покажу для сравнения «было-стало». В большей степени я делаю это для себя, чтобы через 10 лет вспомнить этот момент.

Я уже однажды рестайлил мой блог, но было это спустя 3-4 месяца после запуска – изначально блог был вообще черным с белым текстом, я это изменил и сделал светлый фон и темный текст. С тех пор много было доработок, но незначительных и недостойных отдельного внимания. Все в сумме до версии 2.0 это не тянуло, максимум на 1.5. А сегодняшнее обновление настолько кардинальное, что я смело могу назвать его 2.0!

Блог АлаичЪ’а 2.0: что же изменилось?

Ниже все будет в формате «было-стало»: слева – было, справа – стало. Разобраться будет несложно.

Начнем с главной страницы. Шапка – теперь она маленькая и лаконичная, содержит только основное навигационное меню, никаких лишних слов и ссылок. Так как шапка умещается теперь в 50 пикселей вместо прошлых 250, места для сервисов и программ там не нашлось, да и не должно их там быть.

Кроме этого, шапка с формой поиска будут всегда под рукой – они будут плавать за вами при прокрутке страницы.

Ниже на главной странице выводятся анонсы 4 самых свежих публикаций (раньше было две). А справа был блок дополнительных ссылок на 7 последних публикаций. Теперь справа выводятся 4 блока, где выводятся по 5 последних постов из определенных категорий (Аналитика, Кейсы, АлаичЪ и Ко, Личное, а SEO блока нет – потому что в основном блоке и так почти только seo посты).

Внизу страницы должен быть футер, конечно, он никуда не делся, но изменился.

Раньше это была простая менюшка в строчку, которая дублировала меню из шапки. Я решил это меню увеличить, теперь кроме основных пунктов там есть ссылки на услуги, проекты (из шапки сюда перекочевали, осталось только подумать, как их выделить заметнее).

Главная страница блога – у меня главная страница блога и главная страница сайта не есть одно и то же, как это принято в блогах – выглядит так. Функционально тут перемен нет.

Добавил только иконки для ссылок «Читать далее» и «Комментарии».

Страница просмотра публикации. Основное изменение, конечно, коснулось восприятия – я сделал больше шрифт, межстрочное расстояние и отступы абзацев, сделал светлую подложку, добавил безопасные отступы по бокам. Так что тут все перемены исключительно для удобства чтения, чтобы глазам было приятнее.

Изменил некоторые элементы оформления в публикациях. Например, цитирование выглядит так:

Я изменил все иконки, что используются в дизайне на векторные svg, так что на дисплеях с высоким DPI все будет выглядеть идеально. Я с 2014 года работаю за 15” ноутом с 4K экраном (разрешение 3840×2160 пикселей) и зазубрины на изображениях сильно портят впечатление от увиденного.

Внизу поста остались кнопки «Поделиться», а ниже я перенес форму подписки на обновления блога по почте. Раньше это форма была незаметна и терялась под блоком услуг. Блок услуг остался, и туда добавился еще один пункт, про который я благополучно забыл пару лет назад :)

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

Форма комментирования стала более элегантной и простой, я удалил из нее все лишнее. А кроме этого вернул галочку и функционал для подписки на комментарии.

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

И чуть не забыл немного веселого в конце. Страница 404 ошибки. Основная картинка тут не изменилась :)

Это очень коротко об основных изменениях. Всяких правок по мелочам было много, но это все «под капотом» и, скорее всего, вам не интересно.

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

Кроме констатации факта появления нового дизайна, моя основная цель была – попросить вашего мнения о новом оформлении (можете не стесняться говорить, что думаете, так как решение я все равно уже принял и не изменю его, а вот над мелочами готов работать). Прошу вас отписывать в комментариях, если найдете косяки (со скриншотом и ссылкой на страницу). Я буду вам очень и очень благодарен, если вы мне поможете.

Единственное, что я не сделал — адаптивную верстку. Во-первых, это заняло бы намного больше времени (вся работа у меня заняла около 15-20 часов), во-вторых, для мобильных устройств есть хорошая мобильная версия. Если вдруг у кого-то из вас возникнут ситуации с плохим отображением, пишите, я займусь и сделаю адаптив в течение лета.

А еще вы можете предложить какой-нибудь новый функционал, который покажется лично вам удобным и полезным. К этому я обязательно прислушаюсь!

Ну, пока. Пошел искать косяки и исправлять.

PS Всем спасибо за отклики, советы и найденные баги. Много что поправил, поменял и доработал с ваших советов (и обсуждений на FB, конечно), так что теперь кое что на скриншотах выше и в реальности может незначительно отличаться.
Но это не значит, что я более не принимаю комментарии и отклики — буду только рад!