Сайт «Автодетей»

avtodeti.ru

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

С компанией «Автодети» я сотрудничаю с момента её зарождения. За 5 лет сайт повзрослел, появились новые сервисы, разделы, акции, увеличился выбор товара, и в 2010 мы провели необходимый редизайн. Были решены 3 задачи на упрощение: навигация по сайту, подача материалов и процесс выбора товара.

Сайт «Автодетей», 2010Сайт «Автодетей», 2010

Всё началось в далёком 2006 году:

Эволюция макета главной страницыЭволюция макета главной страницы

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

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

Из этих предложенных фоток заказчику надо было выбрать штук 10-15Из этих предложенных фоток заказчику надо было выбрать штук 10-15

Вот один из 5 случайных роликов:

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

Постепенно сайт развивался, и для удобства навигации к нему были прикручены верхнее меню и форма выбора товара:

Верхнее меню разгрузило навигацию на некоторое времяВерхнее меню разгрузило навигацию на некоторое время
Форма поиска автокреселФорма поиска автокресел

Через пару лет количество разделов на сайте увеличилось, и положение спасло выпадающее меню:

Выпадающее меню на CSS + javascipt с таймаутамиВыпадающее меню на CSS + javascipt с таймаутами

Страница товара росла, и без вкладок было уже не обойтись:

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

Для меню и вкладок я нарисовал иконки:

Контрастные цветастые иконкиКонтрастные цветастые иконки

Заметка понравилась? → Поделитесь в соцсетях:

Смотрите также

Гарантия и подарок от «Автодетей»Гарантия и подарок от «Автодетей»
Пиктограммы для сайта «Автодетей»Пиктограммы для сайта «Автодетей»
Минибаннеры для «Автодетей»Минибаннеры для «Автодетей»
Схема проезда «Автодети-Юг»Схема проезда «Автодети-Юг»
Схема проезда «Автодети-Север»Схема проезда «Автодети-Север»
2 комментария
tanir23
счётчик твитов не считает
гугл вроде работает
Ваня
Только что провёл тест: оказалось, что счётчики зависят от наличия www перед адресом сайта (странно, что они не склеивают такие вещи).

Следующая заметка

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2010