Создание сайта "С1Т"

Начало работы: февраль 2014

Постановка задачи

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

Вот как выглядел сайт до переделки

старый сайт

Проблемы в старом шаблоне сайта

Этап 1. Проработка логики и структуры сайта

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

обсуждение элементов сайта

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

блок схема нового сайта

Изначально предполагалось, что на сайте останется 3-я колонка с боковым правым меню, но в процессе рисования стало понятно, что это неудачный вариант. Так сайт стал состоять из 2-х колонок: боковое меню и поле контента.

Этап 2. Визуализация от дизайнера

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

перый макет шаблона от дизайнера

Этап 3. Шаблон внутренней страницы

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

блок-схема для внутренней страницы

Первый вариант внутренней страницы от дизайнера подвергся обширной доработке.

внутренняя страница и доработка

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

итоговый варинт шаблона внутренней

Итоги работы

Заказчик получил обновленную версию сайта c1t.ru

В проекте реализованы все пожелания заказчика

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

Опубликовано - 15 мая 2014 г.