Сайт для дисков, автошин и аккумуляторов
Колеса разные важны, колеса разные нужны.. Это тема этого сайта :)
Описания тематики сайта, думаю, излишни.. Там все просто..
Сам сайт - большой каталог с формой поиска нужного товара, контактами и справочной информацией..
При его создании я сделал несколько интересных штуковин, которые собираюсь описать ниже.. :)
Кстати, впервые при верстке сайта использовал микроформаты.. Посмотрим как на них отреагируют поисковые системы.. :)
Сайт: autoshina27.ru
Концепт, дизайн: Дизайн-студия Март
Верстка, написание кода, размещение: Я
Напоминаю, что все фотографии - ссылки и ведут на соответствующие страницы на сайте..
Торговый центр занимается не только шинами, дисками и аккумуляторами.. Это просто его основной товар, а так там еще и масса всяких авто-аксессуаров.. На главной странице мы идем либо в Контакты, либо в Каталог,либо в Техническую информацию, либо... сразу переходим к обзору шин отсеянных по интересующему нас типу авто..
Кстати, шины бывают летние и зимние.. Поэтому ссылки с машинок весной и летом отправляют нас на просмотр летних шин, а осенью и зимой на просмотр зимних.. Конечно в любой момент мы можем выбрать любой интересующий нас тип продукции..
Учитывая разные размеры мониторов, мы сделали резиновый сайт.. А что бы он на любых мониторах был красивым, я его сверстал так, что бы на больших экранах было 4 товара в строке, а на маленьких - 3.. Вдобавок я сделал скриптом разбежку - пока в строке не появилось 4го товара, 3 разбегаются по всей ширине не оставляя щели справа..
Клиент предоставил хорошее наполнение технического раздела.. Он поможет покупателям в правильном подборе для себя шин..
Каталог автошин.. Все просто и понятно.. Есть фотографии, цена, описание характеристик и поиск товара..
Разбежка товара сделана как на главной странице.. :)
Поисковая форма - повод для гордости.. :)
Во-первых, она резиновая (на шинах).. Во-вторых, что бы она была под стиль сайта, мне пришлось ее сверстать блоками! Для этого я написал скрипт на jquery, который автоматом на основе drupal-овской формы строит свою, на блоках, перехватывает события и связывает их с формой.. Скрипт универсальный, автоматом ухватывает любую форму.. Конечно он нуждается еще некоторой доработки для полной универсальности, но для этого сайта он замечательно подошел :)
При желании можно посмотреть все размеры шин у выбранной модели..
Если условию поиска нет соответствия то выскакивает вот такая страница ошибки..
Это страница каталога дисков..
Кстати аналогично выглядит и страница каталога аккумуляторов..
По традиции все завершает страница контактов :)
Делая этот сайта, я узнал и применил на практике много нового.. Сделав его, я понял, что с удовольствием изучил бы и попробовал бы сделать еще больше интересных вещей.. Так что предлагаю порадоваться со мной взятым новым уровнем и не останавливаясь расти дальше, что бы в следующих сайтах не возникало желания все переделать и сделать еще лучше.. )