Платформа для привлечения клиентов из интернета

Оцените новый дизайн на Sosnovskij.ru — нужны отзывы

В 2009 году блог начал с бесплатной темы, в 2011 обзавелся уникальным шаблоном, в 2014 добавился ночной дизайн. Сегодня 2018 год — пора примерять новое оформление. Зацените ->> (специально для тех, кто читает через почту и ридеры).

новый шаблон

Скажу честно, предыдущий дизайн сильно устарел: как в визуальном плане, так и кодом. На 9-летие блога я решил сделать ему подарок — новый шаблон :smile:. Прошу оценить его, проголосовать в опросе и оставить отзыв.

Как вам новый дизайн блога?

Загрузка ... Загрузка ...

Сначала хочется отметить логотип. Первая задача — полностью не отходить от елки (но чтобы она была более символична). Вторая — "объединить" ее с ростом, стрелкой/графиком вверх. На мой взгляд, получилось очень удачно. Просто и со вкусом :smile:.

новое лого

Что еще?

  1. Вместо 3 колонок - осталось 2. Сайдбар не сильно "активное" место для внимания у посетителей. Здесь лучше оставить самое главное/интересное.
  2. На 40% увеличилась основная контентная часть. Теперь можно вставлять изображения бОльшего размера. Кстати, посоветуйте простой плагин для увеличения картинок по клику на них: вставил в пост большую фотографию, плагин в статье выводит ее уменьшенного размера, по клику она увеличивается до оригинального, адаптивно для мобильных устройств.
  3. Акцент на подписке по e-mail.
  4. Фото переместилось вверх сайдбара.
  5. На главной появился симпатичный слайдер.
  6. Рубрики переместились из сайдбара в верхнее меню.
  7. Верхнее меню получило возможность быть плавающим.

Дополнительно получился не совсем стандартный вывод анонсов постов на главной и в категориях. Как вам :smile:?

вывод постов

Помимо встроенного выделения текста в цитаты

цитаты

добавился блок "Важно!".

Выглядит он так. Вставляется в админке отдельной кнопкой.

Получились своеобразные блоки внимания.

Пару скриншотов темы с мобильных устройств.

мобильная версия

В ближайших планах:

  • немного увеличить шрифт комментариев;
  • уменьшить отступы между блоками контента;
  • немного уменьшить шапку по высоте;
  • слегка изменить оформление верхнего меню;
  • несколько мелких доработок.

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

Как и в прошлый раз, тему создавали BlogoArt. По моему мнению, ребята отлично справились с задачей, за что им большое спасибо :smile:. А как считаете вы?

Рейтинг
1 звезда2 звезды3 звезды4 звезды5 звезд (10 голос., в среднем: 4,40 из 5)
Загрузка...
Отзывов уже 65:
Написать комментарий
  1. 1. Александр

    Можно при скролле уменьшать размер логотипа и делать шапку меньше по высоте пикселей до 50-60 максимум. А так вроде вполне неплохо) Свежо и просторно!

    • 2. Sosnovskij

      Да, это в планах :)

  2. 3. Василий

    Вот здесь не очень хорошо — скролинг и логотип prnt.sc/li6xc6

    • 4. Sosnovskij

      А на каком ПО такое? :smile:

  3. 5. seoonly

    на сбербанк похож чем-то)

  4. 6. Джон Уик

    Я думал, этого никогда не случится. Но все равно, как-то тяжеловатый, куча полосок и разделителей.

    • 7. Sosnovskij

      Смотрели этот пост или походили и по другим? Здесь скриншоты дизайна — сам материал может показаться перегруженным :)

  5. 8. Александр

    Дизайн контрастирует по сравниванию со старым, по себе заметил что на главной при просмотре записей меня немного отвлекает от чтения большие зеленые блоки. Вспомнил старый шаблон и понял что было удобно когда блоки записей были меньше, минималистичней. Есть некая пёстрость во всем этом, возможно еще просто не привык, но если выбирать из старого и нового дизайна, то удобней (для меня) будет старый.

  6. 9. Александр

    Еще после блока с комментариями есть вот такая портянка.
    skrinshoter.ru/s/141118/8BEbutFb
    На Мазиле последней версии.

    • 10. Sosnovskij

      Спасибо за отзыв! :) По поводу портянки, это Вы, скорее всего, проголосовали в опросе (так?) и после этого почему-то ломается шаблон. Проблема в процессе решения :razz:

  7. 11. Павел

    А в старом шаблоне не было отступов в ответах на комментарии? Ещё спорный момент в дублировании фото, раздел «об авторе» на десктопе. Это мелочи. В целом дизайн крутой и юзабельный! Мне очень даже!

    • 12. Sosnovskij

      Отступы были, и тут скоро появятся :) По фото немного не понял. Дублирование одного и того же фото, когда находишься на странице «Об авторе»? Если так, то сейчас разные фото. Если дубль ссылки на страницу об авторе, то ее, скорее всего, уберу или как-то дополню (еще пока не решил).

      • 13. Павел

        Уже появились )) Да, и фото сейчас разные, однако же похожие, и кто-то тут весьма справедливо заметил, что сквозные блоки справа могут отвлекать (кого-то даже напрягать), например «подписка», которая «прилипает» при скроле. Подписку по-хорошему лучше показывать тем, кто ещё не подписан, ну или возможность скрыть (свернуть). Дизайн контрастный и это не плохо, но, вероятно, если чёрный сделать чуть-чуть светлее (и зеленый, вероятно, тоже), то тех, кто жалуется на «пёстрость» станет меньше. Капсы в именах комментаторов и датах не добавляют читабельности (которая часто спорит с дизайном). Кстати, в вашем неправильная ссылка — пропущено двоеточие.

        • 14. Sosnovskij

          Возможность скрыть, скорее всего, появится как для плавающего блока в сайдбаре, так и меню. По ссылке спасибо. Вероятно, с переезда на https осталась.

  8. 15. EvilBabayka

    Приношу извинения, но выскажу больше негатива чем позитива

    Плюсы:
    — свежо
    — индивидуально и запоминающесе

    Минусы:
    — слишком пестро, много контрастных элементов, отвлекают внимание
    — на главной анонсы статей, места текста и кнопок меняются (то слева то справа, то в середине), просматривать неудобно, как будто головоломку разгадываешь
    — большие темнозеленые блоки не вписываются в дизайн
    — нескромно крупная фотография в сайдбаре

    В общем, старый дизайн был удобнее

    • 16. Sosnovskij

      Спасибо за комментарий. Извиняться не стоит. Ваше мнение адекватно и довольно конструктивно :)
      Какие темнозеленые блоки Вы имеете в виду?

  9. 17. Андрей

    Конкретно.
    Логотип классно и креативно, многозначеще и с призывом. Совпадает со слоганом — оптимизатор по жизни :idea:

    Сайт воздушный и смотрится легко.

    В меню РУБРИКИ при ховере разворачивается как выстрел, а мне нравится плавный аккордеон. Но, это субъективно.

  10. 18. EvilBabayka

    После вставки комментария сайдбар благополучно съехал вниз joxi.ru/eAOMMoMfxVx5am

    Chrome 70 Под виндоус

  11. 19. Михаил

    Сосна — могучее дерево, растёт вверх до тех пор, пока из него не сделают корабельную мачту ;-)
    В принципе, если поправить написанное выше, всё гуд — стало более читабельно и появилось больше «воздуха»
    Разве что слайдер на главной я бы сделал поуже (процентов 75 от настоящей высоты) — на большом десктопном мониторе как-то неприлично много шеста занимает.

    • 20. Sosnovskij

      Уже — ниже по высоте? :)

  12. 21. Ксюша

    Сергей, поздравляю Вас с Днем рождения блога! ;-)
    Дизайн мне нравится, он лаконичный и приятный глазам. Отлично оформлен сайтбар: и по содержанию, и по внешнему виду. :idea:
    Я тоже выбрала для своего сайта похожий оттенок зеленого цвета, потому что он не раздражает, а наоборот, успокаивает. Но все анкоры выделила, все же, синим цветом… Где-то прочла, что люди уже привыкли, что текст ссылки обычно синий, и подсознательно кликают по ней. Просмотров будет больше.
    Что Вы думаете по этому поводу?

    • 22. Sosnovskij

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

  13. 23. Вячеслав

    Стало современнее, но нет предела совершенству))
    Лого крутое.
    Чередование анонсов по 3 варианта — не понравилось, каша, быстро заголовки не просканируешь.
    Фиксированная подписка справа — раздражает, слишком навязчива)
    Фавиконку не обновили.
    На ноутбуке фиксация шапки отнимает не мало пространства, даже если она станет меньше, я бы добавил возможность отключения фиксации, с сохранением в куках)
    И её как-то обозначить бы не мешало, тенью или границей, а то сливается с белым контентом при скроле.

    • 24. Sosnovskij

      Спасибо, многое по делу.

  14. 25. Кальвия

    Главное, что дядя в костюме есть. Без дяди в костюме ничего не продашь:)
    А вообще мне нравятся квадраты и прямоугольники, хотя, на главной всё рябит. Слишком много красоты и информационного шума. Поэтому, мне больше всего понравилось окно с подпиской: простое и ясное. Хотя, ко мне лучше на «вы»:)

    • 26. Sosnovskij

      Было еще пару фоток с рыбалки и с выпускного (хотя я там тоже в костюме). Остановился все-таки на этом :)
      У меня индивидуальный подход: для тех, кто предпочитает на «Вы», есть подписка после каждого поста ;)

  15. 27. Сергей

    Давно заметил.: Как только люди начинают что-нибудь усовершенствовать, в 99% будет хуже чем было. Сергей, на мой взгляд старый вариант был на много лучше нового.

  16. 28. Диман

    Какой офисный диз стал.
    Свою фотку надо было еще больше сделать :x

    • 29. Sosnovskij

      Интересно определение офисный дизайн, раньше не встречал. Что оно значит?
      Ширина сайдбара 300 px, больше уже будет вылезать за границы :)

  17. 30. Тёмка Молодец

    Молодец!)) Все аккуратно, цвета не броские. С мобильного не читаю такие блоги, а с компа очень даже не плохо :o

  18. 31. Адильбек

    Логотип похож на падающую елку :)

    • 32. Sosnovskij

      Или на поднимающуюся. Здесь зависит от того, кто Вы больше: оптимист или пессимист :)

  19. 33. seogrot

    А мне прошлый диз больше нравился.

  20. 34. Михаил

    Сереж, ещё фавиконку тоже надо бы сменить ;-)

  21. 35. Марат

    Привет Сергей! В целом неплохой шаблон, но нужны доработки:
    — на главной слайдер очень сильно затемняет картинку
    — на главной не мешало бы анонсы статей выдавать с начальным текста постов
    — ширину основного контента можно немного увеличить. На больших мониторах все таки узковато.
    Сколько отдал за шаблон? Он будет обновляться?
    По поводу плагина увеличения картинок я использую у себя на блоге FancyBox for WordPress. Присмотрись.
    По поводу комментариев также присмотрись к плагину Any Comment. Скоро тоже на него буду переходить.
    Удачи!

    • 36. Sosnovskij

      — про затемнение стоит задача;
      — решил отойти от текстовых анонсов;
      — ого, я думал, что уже широко )
      — 250$;
      — будет дорабатываться.
      Fancybox что-то не пошел у меня. Попробую еще раз.

  22. 37. Игорь

    Сергей, мои поздравления. Хорошая обнова, современно. Интернет маркетолог — :shock:

  23. 38. Виктория

    Все смотрится очень круто! Шаблончик великолепен, все свежо, стильно, лаконично, в ногу со временем! :idea:

  24. 39. seo-trials

    Я бы сказал, что нету тут вообще дизайна. Фото автора излишне навязчивое и «праздничное» (как будто автор фотограф или стилист, а не сеошник, я не с целью обидеть).

  25. 40. Богдан

    Насчет плагина для увеличения картинок, пользуюсь Auto Highslide, настроек нет, установил и забыл.

    • 41. Sosnovskij

      спасибо, попробую.

  26. 42. Богдан

    Знаю еще плагин Fancybox.

  27. 43. Павел

    С новым дизайном вас!

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

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

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

    В любом случае еще раз с обновой.

  28. 44. Александр.

    Мне нравится. Лаконично и со вкусом. С уважением, Александр.

  29. 45. Sosnovskij

    Все комментарии прочитал. Всем спасибо за отзывы. :smile:

  30. 46. Алик

    Только логотип понравится и футер норм. Возможно с непривычки.
    Не понимаю зачем плавающая шапка понадобилась :?:

  31. 47. ReMoc

    А мне старый дизайн больше нравился(

  32. 48. Светлана

    На фото красавчик ) Рубрики всегда под рукой — хорошо. Подписка настырная, но всегда рядом. Мне нравится! С обновлением)

  33. 49. Тим

    Минимализм — отлично. Мне нравится, это сейчас прям повсеместно в рунете, то что США практикуют с 90-х, минимум графики, только информация.

  34. 50. Rus

    Протестируйте на больших экранах. На айфоне xs max едет шапка (скрыта сверху; видна только при пролистывании снизу вверх)

    • 51. Sosnovskij

      Имеете в виду, что шапка «пропадает», если, например, сначала проскролить вниз, а потом вверх до конца?

      • 52. Rus

        имелось ввиду, что изначально не видно шапки. Появляется при условии, что я проскролил вниз, а потом наверх.

        • 53. Sosnovskij

          То есть при загрузке страницы не загружается шапка. Она появляется только тогда, когда проскроллить вниз, а потом наверх?

  35. 54. lopata shop

    шрифты заголовков — в топку имхо i.share.pho.to/04516283_o.jpeg

    • 55. Sosnovskij

      А какой софт? Таких заголовков не должно быть. Они другие :)

  36. 56. Tod

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

  37. 57. NMitra

    Лого понравилось. Фото огромно. Поддерживаю, текста стало мало, его значение упало. Дизайн для быстрого не вдумчивого просмотра.

    • 58. Sosnovskij

      Почему его стало меньше? :) Контентная ширина текста увеличилась, шрифт увеличился.

  38. 59. Anonim Mouse

    Ждем отчета как упали позиции и посещалка после смены дизайна!

    Фотка на самом деле огромная, пол монитора занимает. Цвета слишком контрастные, я бы осветлил. Глазам больно долго смотреть на сайт.

  39. 60. WEBCRAFT

    Костюмчик с бабочкой решил не обновлять? :)

    • 61. Sosnovskij

      Нет :)

  40. 62. Блог Александра Гаврина

    Мне новый дизайн понравился! В форме подписки я бы рамочку толщину сделал поменьше… а то слишком жирной получилась.

  41. 63. Александр

    Нормальный дизайн, мне нравиться. Замечаний у меня нет. ;-)

  42. 64. Anonim Mouse

    Сергей, заметил ошибку!

    Не могу отписаться от уведомлений о новых комментариях, при переходе по ссылке ошибка: «You may not access this page without a valid key.».

    • 65. Sosnovskij

      Спасибо. А по какой ссылке переходите? Можете мне на почту прислать? :)

Добавить комментарий

* Нажимая на кнопку "Добавить комментарий" я соглашаюсь с Политикой конфиденциальности.

css.php