1. О Cronus

ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ САЙТА
ПРЕДСТАВИТЕЛЬСТВА ФРАНЦУЗСКОГО ВЕЛОСИПЕДНОГО
БРЕНДА «CRONUS» В РОССИИ.
Цель проекта
Целью данного сайта является представление линейки моделей
велосипедов CRONUS, их отличия от конкурентов, преимущества,
особенности. Помимо ознакомления потенциальных покупателей с
велосипедами и их характеристиками, сайт должен привлекать
заинтересованных лиц к сотрудничеству и призывать их становиться
дилерами данной марки в своих городах.
Сайт должен обеспечивать реализацию следующих функций:
1)
Имиджевая.
Формирование стиля и образа марки. Стилевое оформление сайта
должно соответствовать корпоративному стилю компании/марки.
2)
Информационная.
Сайт должен предоставлять доступ к информации о марки, ее истории,
деятельности, ассортименте предлагаемой продукции, магазинах, где
можно купить, а также информировать пользователей о новостях
компании и проводимых акциях.
3)
Рекламная.
Сайт должен содержать информацию о полном товарном ассортименте
компании и обеспечивать возможность просмотра связанных с товаром
текстовых и графических материалов. Характеристики, фотографии,
ценовые предложения.
Общие требования к сайту

Стилистическое оформление
Стилистическое
оформление
сайта
должно
соответствовать
корпоративному стилю и использовать его цветовые и графические
элементы, логотип компании.
Шрифты, используемые в графических элементах сайта, могут
выбираться
произвольно
при
условии
непротиворечия
корпоративному стилю. Шрифты, используемые в текстовых
материала сайта, должны соответствовать стандартным шрифтам
браузеров: Tahoma/Verdana, Arial.
Допустимо использование иных распространенных шрифтов (Georgia и
др.) в том случае, если их замена на стандартные шрифты не
приведет к визуальному искажению текста. Размер (кегль) шрифтов
должен обеспечивать удобство восприятия текста при минимально
допустимом размере экрана.
Слова, наиболее полно характеризующие стилистику сайта: стильный,
спортивный, современный.
Цвета: серый, оранжевый, чёрный, белый. Важно — сделать сайт
лёгким для восприятия.
Флэш ролик не нужен. Допустимо использование небольшой флэшанимации внутри сайта.

Требования к верстке:
o
Сайт разрабатывается под базовое разрешение экрана от
1024 пкс и выше.
o
Сайт должен обеспечивать корректное отображение данных в
следующих браузерах, начиная с версий: Internet Explorer 7.0, Opera
11.0, Mozilla Firefox 3.0, Google Chrome, Safari 4,0.
Структура сайта и навигация
1. О CRONUS
1.1. Почему CRONUS
1.2. История
1.3. Награды
1.4. Лицензии
2. Велосипеды
2.1. Горные
2.2. Детские
2.3. Складные
2.4. Городские
2.5. Женские
2.6. BMX
2.7. Шоссейные
3. Технологии
3.1. Кривая рама
3.2. Дисковые тормоза
3.3. Смазанные подшипники
3.4. Круглый руль
4. Подобрать велосипед
(в виде фильтра или поиска по параметрам)
5. Обзоры велосипедов
(обзоров будет много и возможно имеет смысл разбить их в той
же структуре, как каталог)
6. Фото/видео
(два этих раздела будут разделены внутри. Надо чтобы
фотографии были разделены на фотогалереи, видео делить не
надо)
7. Где купить
(информация о дилерах + интерактивная карта)
8. Дилерам
(текст, возможны подразделы + форма заявки)
Подробное описание каждого из разделов сайта
Главная страница
Главная страница является основной точкой входа на сайт. Она
должна обеспечивать доступ ко всем основным разделам сайта
(разделам 1-го уровня). Главная страница должна содержать
следующие основные элементы:
Идентификационные данные
К ним относятся данные, позволяющие отождествить сайт с компанией
«CRONUS»:
 Логотип
 Слоган
Обсуждается
Внутренние страницы (общие требования)
Наличие «хлебных крошек»
Заголовков H1
1. О Cronus
Обычный раздел, где в лёгкой и доступной форме показывается и
рассказывается о преимуществах марки, фотографии плюс текст.
Возможно таблицы.
Подразделы этого раздела могут иметь фотогалереи, которые можно
вставлять в любую часть страницы.
2. Велосипеды
Это раздел с каталогом велосипедов. Каталог разбит на несколько
категорий, плюс имеются подразделы с архивом моделей. Например,
Модели 2011 года.
На главной странице каталога выводится список категорий, с
фотографиями людей на велосипедах или просто велосипедов для
более лёгкой идентификации категории. Около каждой категории
возможно небольшое описание её.
Необходимо, чтобы около каждой категории выводилась цена от.
Например, цена от 22 000 рублей.
Названия категорий:
 Горные
 Детские
 Складные
 Городские
 Женские
 BMX
 Шоссейные
2.1. Велосипеды: Страница категории
После того, как человек выбрал категорию, ему открывается список
велосипедов в ней. Для удобства, некоторые категории будут
искусственно разбиты на дополнительные подкатегории.
Например, Горные делятся на:
 Начального уровня
 Среднего уровня
 Продвинутые
 Женские
Будут категории, в которых дополнительного деления не
предусмотрено.
Подкатегория имеет небольшое текстовое описание и ссылки на сами
велосипеды. Ссылки могут выглядеть как фотография велосипеда,
название, цена.
Пример тут: http://www.krossvelo.ru/type-turisticheskie_velosipedy/
На этой странице можно предусмотреть ссылку на Подбор ростовки.
Страница с текстом и таблицей как правильно подобрать велосипед по
росту.
Пример тут: http://www.krossvelo.ru/i_podbor_rostovki/
У некоторых моделей велосипедов надо ставить значок NEW в правом
верхнем углу. Так будут отмечаться новые модели в каталоге.
2.2. Велосипеды: станица велосипеда
Попадая на страницу велосипеда, человек должен в «хлебных
крошках» видеть где он находится и в меню соответствующий раздел
тоже должен быть выделен.
С этой страницы человек должен иметь возможность так же легко
перейти на другую модель велосипеда в этой категории.
Название модели велосипеда
Основная фотография.
На странице должна быть представлена большая фотография
велосипеда, при наведении на которую открывается ещё бОльшая
фотография. Как тут: http://www.cuberussia.ru/modelstonopah_lady_sl/
Миниатюры.
Ниже большой фотографии можно расположить маленькие
фотографии-миниатюры. Это могут быть дополнительные фотографии
этой модели или же детальные фотографии отдельных узлов
велосипеда. При клике по миниатюре должна открываться большая
фотография в лайтбоксе с возможностью листать фотографии, как
здесь:
http://www.kurort26.ru/region/pyatigorsk/attractions/perkalsky_nursery/
Другой цвет.
У некоторых велосипедов могут быть фотографии в других цветах.
Нужно сделать, чтобы если у велосипеда есть фотка в другом цвете, то
человек может кликнуть по специальному значку и ему загрузится
основная фотография другого цвета.
Описание и спецификация.
Ниже фотографий идет описание велосипеда. А ещё ниже
спецификация, эти данные нужно представить в виде таблицы. У
каждой строчки должна быть своя иконка.
Дополнительное меню.
На этой странице надо сделать меню в котором будут ссылки на
дополнительную информацию, которая будет открываться без
перезагрузки страницы. Следовательно, ссылки должны быть
подчеркнуты пунктиром. Разделы в меню:
 Описание





Геометрия
Технологии
Фото/видео
Обзор этой модели
Отзывы
Пример тут: http://www.cuberussia.ru/models-cross_cc/
Геометрия
Страница, на которой изображена рама велосипеда и в таблице
указаны параметры.
http://www.cuberussia.ru/models-tonopah_lady_Race/#anchor[img]
Технологии
Список используемых технологий. Название, фотография. Ссылка на
подробное описание технологии в соответствующий раздел.
Фото/видео
Фотографии этого велосипеда или других велосипедов, по усмотрению
администратора сайта.
Обзор этой модели
Ссылка должна появляться только тогда, когда есть обзор конкретно
этого велосипеда. Ведет в соответствующий раздел Обзоры.
Отзыв о велосипеде.
Сделать возможность оставить свой отзыв человеку через систему
комментариев Вконтакте или Фейсбуке.
Сравнить.
На этой странице в заметном месте должна быть кнопка Сравнить, при
нажатии на которую человек попадает на страницу сравнения
велосипедов по характеристикам из спецификации. У него должна
быть возможность добавить несколько велосипедов (до 5), удалять из
сравнения, добавлять новые.
Задать вопрос.
В заметном месте сайта на этих страница должна быть кнопка Задать
вопрос, при нажатии на неё открывается форма, где всего три
обязательных поля: Имя, e-mail, Ваш вопрос.
При нажатии на кнопку Отправить вопрос, появляется уведомление о
том, что вопрос отправлен, ждите ответа. Всё это без перезагрузки
страницы.
Цена.
Обязательный элемент данной страницы — цена. Она должна быть
яркой, заметной и понятной, что именно этот велосипед стоит столько
то денег. Рядом с ценой необходима небольшая сноска со звёздочкой:
Рекомендованная розничная цена. Реальная цена может отличаться от
рекомендованной, пожалуйста, уточняйте у дилеров. (ссылка на
страницу Где купить)
Где купить
На странице Велосипеда где-то надо сделать заголовок Купить в
Ставропольском крае (тут будет по IP-вычисляться регион человека и
подставляться название региона). Ниже заголовка может идти логотип
дилера, название, небольшое описание, Адрес, телефоны, ссылка на
его сайт (надо?).
Если дилеров в регионе несколько, то соответственно выводятся
несколько, и сортируются по алфавиту.
Если дилеров в регионе пользователя нет, то нужно сообщение о том,
что в его регионе дилеров пока нет, и что он может поискать в
соседних регионах на специальной странице или же заказать через
официальный интернет-магазин специальных партнёров в России.
Оформить заказ (страница)
Около каждого дилера должна быть кнопка: Оформить заказ, при
нажатии на эту кнопку человек попадает на страницу, на которой в
верхней части экрана отображается информация о дилере, адреса,
телефоны, описание, логотип, карта Яндекса (или гугла) с
отображением дилера на карте.
Ниже этого или рядом форма заказа велосипеда с полями:







Велосипед (автоматически заполняется)
Ростовка
Цвет
ФИО
E-mail
Телефон
Примечание
На этой же странице должна быть ссылка на страницу Где купить.
Данные с формы должны отправляться на ящик дилера и
дублироваться на e-mail администратора сайта.
Кнопки социальных сетей.
Сделать ряд кнопок для того, чтобы человек мог быстро поделиться
находкой в социальных сетях. Выделить это заголовком «Поделиться».
3. Где купить
На странице где купить человек должен легко найти дилеров в своём
регине, перейти на их страницу с возможностью задать им вопрос,
отправить заявку на какой-то конкретный велосипед или же связаться
по указанным данным.
Для удобства пользователей надо подключить гео IP-базу и вычисляя
его регион показывать ему ближайших дилеров сразу. Или же
предлагать ему поискать дилеров из списка.
Список дилеров
Список представляет собой Федеральные округа, при клике на любой
из них тут же разворачивается список краёв и областей в этом ФО.
При клике по региону открываются города в которых есть дилеры. При
клике по городу открывается список дилеров по алфавиту с их
логотипом (если у кого нет лого, нужна заглушка), адресами,
телефонами и ссылкой на его страницу на сайте, откуда от сможет
задать им вопрос, отправить заявку на какой-то конкретный велосипед
или же связаться по указанным данным.
Посмотреть на карте
Помимо списка дилеров, нужно сделать возможность поиска дилеров
на карте. Так же, как это сейчас реализовано на Авто25:
http://www.avto25.ru/services/autoshow/
Человек выбирает округ — он отображается на карте. Выбирает
регион — он тоже. Город — на карте. Дилера — он отображается на
карте города. При клике на иконку дилера на карте — отображается
информация о нём.
Где-то там неоходимо предусмотреть кнопку или ссылку «Как стать
дилером», которая ведет на страницу Дилерам.
4. Фото / видео
В этом разделе отображаются фото и видео галереи. На этой странице
размещаются миниатюры фотографий галерей, при клике по фотке
открывается лайтбокс и большая фотография, с возможностью листать
большие фотографии и видеть их миниатюры.
При клике по заставке видео ролика — открывается лайтбокс и
начинается воспроизведение ролика с Ютюба.
5. Технологии
Страница начинается небольшим текстом Почему CRONUS, плавно
подводящим к тому, что это крутейшие технологии и французские
булочки дизайнеры. После этого идет перечисление технологий,
используемых в конструкции велосипедов.
Выглядеть они должны так: красивая фотография, название
технологии, небольшое описание. Рядом кнопка: Велосипеды, в
которых используется эта технология. Открывается страница, где
показаны велосипеды, в которых это есть. Показаны так же, как в
каталоге. Цена, название, фотка.
Пример: http://www.cuberussia.ru/i_technology/
http://www.krossvelo.ru/i_tehnologii/
5. Стать дилером
Дилерам. Страница должна иметь развернутую информацию для
желающих стать дилерами и развивать свой бизнес, а компания им в
этом поможет и перечисляется, чем поможет.
К этому может быть ссылка на отдельную страницу, где будет
показано, как оформляется магазин, рекламные материалы и т.д.
Внизу страницы форма подачи заявки на рассмотрение возможности
принять компанию в почетный список дилеров Cronus по всей России.
http://www.cronusbike.ru/become-a-dealer
6. Подбор велосипеда
Данный раздел создается для облегчения поиска подходящего именно
для данного человека велосипеда. Так как мы знаем, что люди
выбирают велосипед в первую очередь по типу, а дальше по цене и
технологиям, которые использованы.
Создается фильтр. Показываем все велосипеды, которые есть у нас в
базе, включая прошлые модели — показывается общее число.
При выборе какого-то из параметров в фильтре — число изменяется и
на кнопке Показать результаты тоже.
Параметры фильтра:
 Цена от и до (можно выполнить в виде бегунков, которые можно
двигать мышкой)
 Тип: Горный, Женский, Детский, Складной
 Тормоза: Дисковые, V-brake
 Количество скоростей: 26, 22, 24, 20, 18
Хорошим примером для этого фильтра может служить поиск на
Авто25.ру http://www.avto25.ru/advanced_search/