Новый дизайн v2.0

Ну вот и свершилось.

новый дизайн v2

Я очень долго обещал, и наконец новый дизайн установлен и уже функционирует.

Сразу хочу отметить что это только половина задуманного, и вторая половина будет доделана и установлена в ближайшем будущем. Что за вторая половина? :) Увидите.

Графика

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

В шапке можно увидеть персонажа, который чем то напоминающего меня :)

персонаж

С фотографической похожесть особо не заморачивались, но все равно он очень похож. Футер и цитаты тоже выглядят очень сочно и насыщенно :) Кстати, если кто не помнит, то я не сторонник минимализма.

Кстати старый дизайн выглядел вот так:

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

Сохраним его на память :)

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

Фишки и спецификация

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

баннеры в шапке

Затем идет слайдер, в котором выводятся самые популярные посты:

слайдер

В сайдбаре осталось почти все по старому (ну плюс в окне подписки теперь можно оценить аудиторию блога), лишь появилась новая таба:

таба

Которая содержит в себе лучшие статьи по продвижению/заработку.

Внутри поста слайдер свернут, и как бы дразнит пользователя:

свернутый слайдер

После поста есть очень клевое поле подписки, и слайдер с похожими записями:

подписка

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

Техническая часть

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

1. Выводиться на главной и индексируется, в нем индексируются ссылки на мои социалки (g+, вк, твиттер). Сам сайдбар загружается после всего контента.

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

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

На главной странице соблюдено правило первой ссылки - все ссылки на пост имеют разный вид. Вот для примера ссылки с главной на пост про 10 грехов оптимизатора:

Ссылка из заголовка - http://delexp.net/desyat-grexov-optimizatora/

Ссылка "читать далее" - http://delexp.net/desyat-grexov-optimizatora/#more

Ссылка на комментарии - http://delexp.net/desyat-grexov-optimizatora/#comments

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

Дизайн и верстка

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

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

Дизайн разрабатывался около двух месяцев, и в общей сложно встал мне в 27000р (сюда вошли все иллюстрации, второй "кусок" темы, который вы ещё не видели, и дизайн твиттера и вк). Работать с Максимом было более чем приятно и легко. Человек очень положительный и веселый :). Ещё мне понравилось, что он давал мне полезные советы. Максим является владельцем студии CreativeCriminals.

Верстали дизайн уже наши ребята. Точнее верстальщик, который работает в Awesome studio.  Верстка заняла около двух недель. Последние 4 дня мы доделывали в ускоренном темпе, и практически не спали сидя в скайпе. Я постоянно вспоминал о каких нибудь мелочах, и приходилось переделывать/доделывать. Я считаю что Марат справился на отлично. Если вам нужно что нибудь быстренько сверстать, по разумной цене, то его можно найти вот тут.

Жду ваши комментарии и отзывы!

Перспективы

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

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

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

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

  • Даешь подчеркнутые ссылки в заголовках постов на стартовой! :)

  • Красаучик, вообще, Вадикс. Светлый диз доставляет как и плюшечки в нём. Грациос. В общем, я одобряю, оставляй этот =)

  • А зачем тогда ссылку потер на CreativeCriminals? А так блог стал получше выглядеть, мне нравится. Единственное, что не нравится - это когда середина поста и получается поле контента белое, а по бокам черное, это так и должно быть? или это "2ая" часть?

    • я не тер ее! просто верстальщик не знал какую ставить, а я и не заметил) чуть попозже поправлю)

  • поздравляю, смотрится намного лучше старого) "Очень скоро на блоге появится магазин, и откроются курсы по seo"-магазин и курсы????

  • в итоге то во сколько все это вышло?

    • около 20 к, на сколько я помню из прошлых постов.

    • Пост вообще читали. Написано же : Дизайн разрабатывался около двух месяцев, и в общей сложно встал мне в 27000р (сюда вошли все иллюстрации, второй «кусок» темы, который вы ещё не видели, и дизайн твиттера и вк).

  • Диз норм, хотя могло быть лучше. А тебе чё ссылку на CreativeCriminals внизу поставить религия не позволяет?

    • ну да, до вашего дизайна нам с Максимом ещё расти и расти) ссылка стояла, просто я не видел куда она ведет, так как верстал не я) пофиксю в течении двух часов.

      • причём тут мой диз? это ты пишешь пост о своём новом крутом дизайне.

        • Дизайн как у вовки, тока у вовки крутой а тут мне не понарвился, сорри :(

  • Обалденно получилось! Шапка и футер оч красивые, единственное, что не очень понравилось - вывод популярных статей под главной, как-то не вписываются они там)

  • Даа, клевый диз :) Сигарета в футере порадовала)

  • Поздравляю с обновами, все очень нравится! ждем от вас курсов по СЕО, интригуете :)

  • Главное не обвертка (не дизайн), а то о чем человек пишет и что это за человек! А так молодец, дизайн крутой!

  • Достойно! :) Более детальные впечатления опишу в обзоре :)

  • Новый дизайн хороший. Но и старый был очень даже неплохой.

  • Классный диз! Молодец! Так держать!

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

  • Отличный дизайн! Да и 27 тыс. - немного для него :)

  • дизайн конечно крутой, только грузиться долго сайт чего-то

  • [...] Как видите, это дневная версия. Она более добрая и светлая. Про технические фишки рассказывать нет смысла, так как про них я уже рассказал в этом посте. [...]

  • Здорово смотрится!

  • Ваш коментарий: