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

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

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

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

Графика

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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, которые на данный момент находятся в разработке.

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