Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO

Новый дизайн блога seoslim.ru. Как это было?

22 декабря 2014
Комментарии: 85

Новый дизайн блога seoslim.ru

Доброго времени суток друзья! Свершилось блог seoslim.ru, как вы могли заметить, пару дней назад приобрел совершенно другой вид и теперь мои любимые читатели могут оценить его новый дизайн. Ура! :)

Как вам новый диз? Нравится? Может, есть какие-то недочеты? Обязательно выскажите свое мнение в комментариях?

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

Итак, поехали...

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

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

старый дизайн

Надо было себя как-то мотивировать и тогда я в целях на 2014 год публично заявил, что поменяю дизайн сайту на рисованный в стиле Dave Hill. Сказано — сделано!

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

Воплощение мечты в реальность


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

Чисто случайно наткнулся на один блог, который мало того что мне понравился, так еще он был выполнен в стиле flat. Тогда я списался с админам и он любезно дал мне контакты дизайнера, который трудился над его проектом.

Дизайн блогу seoslim.ru делал веб-дизайнер Юлия Шелухина (Julia Shelukhina), страница с портфолио находится по этой ссылке, там же найдете и ее контактные данные.

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

Сначала мне нарисовали шапку, если меня что-то не устраивает, например логотип, я говорю чтобы его переделали под то-то или то-то. И так постепенно каждый элемент: шапка, футер, статья, комментарии, форма подписки, сайдбар и др.

Мне с дизайнером очень повезло и практически весь шаблон был сделан с первого раза без существенных доработок. Главное продумайте за ранее, чего вы точно хотите и тогда все будет гуд. :)

шапка блога seoslim.ru

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

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

ранжирование сайтов

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

футер блога seoslim.ru

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

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

Далее был проработан сайдбар. Отдельно хотелось бы выделить несколько новых виджетов с переключающимися вкладками.

Рубрики/Новое

Рубрики/Новое

Виджеты трех социальных сетей: Вконтакте, Одноклассники и Фейсбук.

Виджеты социальных сетей

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

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

превью в статье

превью в анонсе

Страшно подумать это сколько мне придется перелопатить постов, чтобы поменять везде данные изображения. :)

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

условия конкурса комментаторов

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

Верстку блоага seoslim.ru делал Артем Миронов официальная страница с примерами его работ, отзывами, контактными данными находится по этой ссылке.

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

Вот что было сделано:

  • Верстка и натяжка на CMS
  • Программирование
  • Настройка плагинов
  • Оптимизация
  • Устранение ошибок
  • Интеграция соцсетей

Сначала Артем все сделал на своем сервере, как только я одобрил его работу, он перенес все файлы на блог seoslim.ru.

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

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

Лично мне дизайн очень нравится, а вам? До скорых встреч на страницах seoslim.ru, пока!

(5 голос., в среднем: 5,00 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (85)
  1. Артём Черкасов в 20:08

    Прикольный диз ;-)

    Ответить
  2. Белый Манимейкер в 21:53

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

    Ответить
  3. Вячеслав в 23:21

    По сравнению со старым, новый дизайн, безусловно, лучше.

    Только, почему он не адаптивный?

    Ответить
    • Максим Войтик в 23:48

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

      Ответить
      • Вячеслав в 00:13

        Заходить удобно, читать — не очень. :)

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

        Ответить
      • Максим Войтик в 15:25

        Согласен, про Гугл слышал, что он ранжирует сайты выше если у них есть мобильная версия или адаптация под телефоны и планшеты. Но пока нет возможности мне это реализовать, да и процесс это очень сложный для верстальщиков, проще заказывать не редизайн, а новый.

        Ответить
      • Игорь в 22:56

        Вячеслав,так телефоны сейчас совершенствуются.

        Скоро ничего не надо будет подбирать и оптимизировать,все будет так подходить.

        Ответить
      • Андрей в 18:14

        Не совсем согласен. Тут дело в размере экрана. Если мы имеете введу то, что мобильные телефоны сами будут создавать под себя другое отображение, то еще более менее возможно, но вряд ли.

        Ответить
      • Максим в 09:13

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

        Дизайн приятный у вас стал!

        Ответить
      • Максим Войтик в 15:41

        Желание присутствует, но неужели это так просто?

        Ответить
      • Максим в 15:45

        Действительно просто, фактически работа происходит исключительно с css, поэтому и не сложно :)

        Ответить
  4. Валерий в 05:05

    Норм дизайн. Во сколько обошелся?

    Ответить
    • Максим Войтик в 15:33

      До 30 000 р. за все. )

      Ответить
      • Валерий в 16:32

        Черкани мне тоже в ЛС сколько по отдельности диз и верстка обошлась.

        Ответить
      • Максим Войтик в 18:15

        В твиттер отписал тебе.

        Ответить
      • Александр в 21:34

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

        Ответить
      • Алиса в 23:30

        Сколько читала — в основном такая цена, не дешевле, но и выше мало кто позволяет себе. Может дешевле и есть, но зато на счет кач-ва неизвестно. Хорошо, когда посетителям нравится, но все-таки важнее, чтобы хозяину нравился. А то что ни говори, если сердце не лежит... Рада, что в этом случае все не так! [:-))]

        Ответить
      • Игорь в 23:00

        Не правильно вы Алиса говорите.

        Самое главное,что бы посетителю нравилось,а хозяину все равно понравится.

        Ответить
      • Алиса в 01:03

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

        Ответить
      • Игорь в 23:54

        Ну в принципе правильно вы говорите,везде нужен компромисс.

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

        Ответить
  5. Денис Тумилович в 08:34

    Очень крутой дизайн. Мелочи проработаны добротно. Может в личку скажешь ценник этой работы? :)

    Адаптивность не должна быть в три раза выше — это кто-то уже зажрался просто.

    Я еще толком не начал блог вести, но тоже думаю над тем чтобы облагородить диз, вон лого сменил недавно. :)

    С мобилки проверил — нормально заходится, как и на большинство блогов. [good] [good] [good]

    Ответить
    • Максим Войтик в 15:40

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

      Ценник скинул в сообщениях от Вконтакте, так как у тебя обратная связь на блоге не работает. ))

      Ответить
      • Денис в 18:33

        Как это не работает?

        Ответить
      • Максим Войтик в 19:48

        В форме обратной связи идет отправка письма, но его так и не отправляет.

        Ответить
  6. Виктория Эс в 11:08

    Класс, мне очень понравился дизайн, свежо и интересно!

    Ответить
    • Максим Войтик в 15:42

      Спасибо Виктория :)

      Ответить
  7. Анна в 12:31

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

    Ответить
    • Максим Войтик в 15:44

      Да, загружаться стал действительно быстрей, верстальщик знает свое дело на все 100%. Ваш дизайн обязательно заценим. :)

      Ответить
  8. Максим в 13:48

    Отличный дизайн. Ответь те пожалуйста в личку сколько вам это вышло отдельно дизайн и отдельно верстка. Заранее спасибо. :)

    Ответить
    • Максим Войтик в 15:47

      Ответил вам на почту.

      Ответить
  9. Елена в 14:01

    Максим, все на отлично! Мне понравился новый дизайн и стиль оформления! Молодец! [good]

    Ответить
  10. Николай Вилков в 20:28

    Прикольный дизайн, молодец!

    Мне понравился, интересно, а вот сразу 3 виджета соцсетей на скорость не влияют? У меня даже один виджет давал серьезные тормоза)) :)

    Ответить
    • Максим Войтик в 14:24

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

      Ответить
  11. Надежда в 23:31

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

    Ответить
  12. Готовимся к рыбалке в 00:17

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

    Теперь следующий шаг к адаптивному было бы круто. А вообще, сколько у тебя посетителей с мобильников и планшетов заходят — ты оценивал?

    И еще, проследи, как изменится посещение после смены дизайна. Если будет снижение, то сколько продлится, а может будет все наоборот. Конечно, после выхода статьи посещение растет, поэтому необходимо сгладить значения.

    Ответить
    • Максим Войтик в 14:29

      Адаптивный дизайн будет моей следующей целью, а вообще с мобильников каждый день заходить около 70-80 человек. После смены дизайна ожидаю спад трафика, но надеюсь это будет временной мерой. ))

      Ответить
  13. Анна в 00:24

    Кстати стиль оформления похож на этот: wmz-zarabotok.ru

    Ответить
    • Максим Войтик в 14:29

      Потому что один и тот же дизайнер работал. :)

      Ответить
  14. Юрий Ваценко в 01:36

    Максим, давно не был тут, просто супер, мне очень нравится.

    Ответить
    • Максим Войтик в 14:30

      Надеюсь будешь чаще заходить в гости. :)

      Ответить
  15. Наталья Мельникова в 10:27

    Еще раз поздравляю со сменой дизайна! Это ответственный и важный шаг! Желаю, чтобы с этим нововведением жизнь бога заблистала еще более яркими красками! Всяческого вам успеха!

    Ответить
    • Максим Войтик в 14:31

      Спасибо Наталья.

      Ответить
  16. Владимир Маркович в 14:27

    А почему верстка не адаптивная? Может имело смысл уже сделать совсем по-современному?

    Уже до 40% людей заходит со смартфонов.

    Ответить
    • Максим Войтик в 14:32

      У меня Владимир заходит только 10%, но в будущем будет и адаптивным.

      Ответить
  17. Aleksandr в 23:22

    Можно было для примера показать и старый дизайн!

    Ответить
    • Максим Войтик в 13:54

      Так в начале статьи я же выложил скрин старого дизайна.

      Ответить
      • Aleksandr в 14:13

        Виноват, как то сразу и не заметил!

        Ответить
  18. Александр в 03:24

    Где то встречал похожий очень дизайн, мне он очень понравился. Наверное один дизайнер делал. Я бы себе тоже что то подобное сделал, классно смотриться

    Ответить
  19. Юрий в 13:13

    Отличный дизайн, так и блог вести одно удовольствие. [good]

    Ответить
    • Александр в 00:17

      Да, Юрий ты прав. На таком блоге не только приятно находиться, но и работать. Я бы наверное с такого блога круглосуточно не выходил.

      Теперь буду чаще появляться и читать статьи.

      Ответить
  20. Антон в 23:33

    Дизайн реально добротный, что даже как-то меня стал располагать по чаще заходить на блог [:--_)]

    Ответить
    • Максим Войтик в 20:16

      Я рад Антон, что тебе понравился новый диз. :)

      Ответить
  21. Игорь в 18:27

    Интересный дизайн получился.

    Я в этом году тоже задался целью,поменять дизайн блога.

    Пока проектирую,потом думаю спецы доработают.

    Ответить
    • Aleksandr в 19:42

      Сами делаете себе шаблон как я понял!?

      Ответить
      • Игорь в 20:45

        Да,пытаюсь сам спроектировать.

        А в будущем разживусь и профессиональный закажу. :)

        Ответить
  22. Александр в 02:31

    Хороший дизайн. 30000 для меня дороговато. Но буду стремиться.

    Ответить
    • Aleksandr в 19:20

      Вы про какие тридцать тысяч, что то я не понял, и статью ещё раз прочитал и не понял!

      Ответить
      • Игорь в 16:14

        А комментарии вы читаете?

        Максим в комментарии отвечал,что около 30 т.р. вышел дизайн.

        Ответить
      • Aleksandr в 19:38

        Да как то не понял я!

        Цена высокая! Мы с другом делаем дешевле, скоро у себя дизайн буду менять

        Ответить
      • Игорь в 13:24

        Дешевле на сколько?

        И где можно дизайн посмотреть?

        Может вы меня заинтересуете.

        Ответить
      • Aleksandr в 23:02

        Вот можете посмотреть на мой новый блог! Trandinvest.ru извените за ранние за ссылку!

        Ответить
  23. Тим в 11:05

    Отличный дизайн, на скидку, ничего лишнего и цвета приятные. А скажи, пожалуйста, как реализовано переключение между виджетами соц сетей? Это работа верстальщика/плагин/или твоя реализация? Видел такую штуку и раньше, но не задумывался как это работает.

    Ответить
    • Максим Войтик в 15:16

      Виджет это работа верстальщика. :)

      Ответить
      • Тим в 20:52

        ок! тогда не буду сам ковырять пока )

        Ответить
  24. Александр Дубровченко в 15:47

    Дизайн гораздо интересней, чем старый. Хотя и тот тоже симпатичный был. Я смотрю сейчас мода пошла на такой стиль в дизайне блогов.:-) Это как противоположность стилю как у А. Борисова, Быкадорова и т.п. ;-)

    Ответить
    • Максим Войтик в 16:25

      Спасибо, что оценил дизайн :) Да он противоположность рисованным, а то после Борисовского прям волна пошла такого стиля как у него. Лично мне хотелось чего-то иного.

      Ответить
      • Aleksandr в 18:43

        Все копируют друг друга, выделяются только некоторые блогеры!

        Ответить
      • Сергей в 12:18

        Подскажите, что иного в дизайне вашего блога в отличии от Борисовского? Правильно, ответ — ничего! Очередной клон, скопировано абсолютно все, имеется ввиду структура блога и сами элементы, а то что они другого цвета и рисунок другой — это не отличие.

        Ответить
      • Максим Войтик в 17:41

        Такая структура на многих проектах и она мне больше нравится, чем другие и это еще не значит что она скопирована у Борисова. Почему вы все с ним ассоциируете?

        Ответить
  25. Олег в 20:33

    Давненько я не заглядывал, сначала не понял в чем дело, а тут новый дизайн. Мне нравится [good] . Но адаптивную верстку все равно скоро придется делать, вон Google уже письма шлет, что на мобильном не удобно смотреть. Хотя лично мне удобно, сейчас экраны у телефонов не то что раньше, тем более если с планшета зайти.

    Ответить
    • Максим Войтик в 20:58

      Спасибо Олег :) 🙂 Да адаптивную верстку надо делать и есть пару предложений от фрилансеров, но руки все не доходят. Уже начинаю жалеть, что сразу не заказал ее с дизайном.

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

      Ответить
    • Игорь в 13:28

      Ну так может и не стоит верстку делать.

      Технический прогресс идет в перед.

      Люди быстрей на другие телефоны и планшеты перейдут.

      И всем все будет удобно.

      Ответить
      • Aleksandr в 16:39

        Нужно смотреть вперёд, идеи в ногу с прогрессом!

        Ответить
  26. Андрей в 22:15

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

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

    Я вот тоже новичок в этом деле. Делал свой блог, по курсу Александра Борисова. У меня сейчас стоит бесплатный шаблон, я его немного изменил под себя. Но уже хочется индивидуальности и чего то своего. Поэтому всё чаще задумываюсь об услугах дизайнера. Начал изучать сайты fl.ru и freelance.ru. Но там столько фрилансеров, что запутаться можно. А вы как раз тут советуете проверенных людей. Так что я очень кстати нашел вашу статью. И расценки примерные теперь знаю, благо в комментариях об этом упоминалось. Так сказать знаю, сколько копить и к кому обращаться.

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

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

    Спасибо ещё раз за ваши труды.

    Ответить
    • Максим Войтик в 23:07

      Всегда пожалуйста Андрей! Заходите чаще в гости. :)

      Ответить
  27. Андрей в 23:22

    Обязательно Максим!

    Ответить
  28. Алиса в 23:19

    Я у вас раньше не была, до обновления. Посмотрела скрин, рада, что уже на новом ;-) Для вашей тематики очень даже здорово! Мне тоже, как и всем очень нравится) [good]

    Ответить
    • Aleksandr в 16:38

      Тема получилась действительно качественная и хорошая!

      Ответить
    • Игорь в 22:15

      Да и до этого,у Максима была классная тема.

      Не знай,что не понравилось.

      Я бы себе такую установил бы.

      Ответить
      • Aleksandr в 23:03

        Каждый сам выбирает что ему больше нравиться!

        Ответить
  29. Алиса в 23:25

    Интересно было прочитать, как называются эти стили. Видеть видела, а вот про называния... Теперь хоть можно искать, в нужном направлении)

    Ответить
    • Aleksandr в 23:00

      Вот видете уже есть небольшие подсказки есть!

      Ответить
  30. allemiko в 07:43

    Просто идеальный дизайн — :) ничего лишнего, впервые на блоге.

    Ответить
  31. Андрей в 18:11

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

    Ответить
    • Максим Войтик в 15:19

      Спасибо Андрей, я старался. :)

      Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2016 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!