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

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

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

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

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

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

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

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

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

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

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

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

Дизайн блогу seoslim.ru делал веб-дизайнер Юлия Шелухина, страница с портфолио в сети есть, но дизайнер больше не выходит на связь.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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