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

avtodeti.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также

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

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

comments powered by HyperComments

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

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