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

avtodeti.ru

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

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

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

Расскажу/покажу, как всё начиналось в далёком 2006 году...

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

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

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

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

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

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

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

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

Форма поиска автокресел

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

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

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

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

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

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

О работах для «Автодетей» можно рассказывать часами :) Если вам интересно что-то конкретное — спрашивайте в комментариях.

P. S. Для сайта «Автодетей» постоянно придумываются какие-то новые штуки. Ребята молодцы! Желаю им успехов! Советую посетить их сайт, особенно если у вас есть маленькие дети.