Редизайн проекта licost.com

www.licost.com

Основная задача на Конкурс - разработка главной страницы, в качестве презентации. Она должна включать в себя 2 вида (для авторизированного и не авторизированного пользователя). По итогам конкурса нами будет выбран исполнитель на редизайн всего проекта!

Цель создания сайта. Тип:
Социальная сеть с автомобильным уклоном. Автомобиль и все, что с ним связано (запчасти, товары, услуги, сервис). Основной упор на Поиск (быстрый и удобный), с выводом результатов поиска по «расположению», а точнее «близости»

Характеристика предполагаемой аудитории (ЦА):
Автовладельцы и автолюбители, преимущественно лица мужского пола. Одним словом все те, кому тема автомобилей близка, понятна или просто интересна. При этом разные слои Посетителей найду у нас разную информацию: товары, услуги, компании/фирмы, цены, статьи, и т.д…

Структура сайта: Система навигации по сайту:
Поскольку речь идет только о главной странице, никакие остальные страницы на данном этапе нет смысла рассматривать. Что касается расположения – на Ваше усмотрение, поскольку. При этом в задании представлена наше представление (сетки), которое не является обязательным к использованию, но она отображает наличие основных объектов и разделов.

Дополнительные сведения
1. Название и адрес сайта – Licost.com;
2. Слоган - "все ближе чем кажется";
3. Назначение сайта – торгово-информационная площадка с расширенными функциями;
4. Тематика сайта – автомобильная;
5. Наличие логотипа – есть, прилагается;
6. Цветовое решение (логотипные цвета) – есть, прилагается;
7. Сетка верстки – есть, прилагается;
8. Вид сетки – статичный;
9. Ширина рабочей площади страницы – 1024 px;
10. Желательный стиль – ближе к минимализму;
11. Наличие графики – минимальное;
12. Наличие иконок на сайте – возможно, с учетом стиля;
13. Использование заднего фона как элемент дизайна или рекламы – возможно;
14. Размещение плавающих блоков «он-лайн-консультант» - предусмотреть, 2 шт;
15. Мультиязычность сайта – предусмотреть;

В первую очередь все поисковые и социальные системы, поскольку они уже вошли в наш обиход и создали множество стандартов предоставления информации, и будут восприниматься пользователями как "само-собой разумеющееся" (логичными)
- vk.com
- facebook.com
- yandex.ru
- google.com

Приглушенные

Пастельные

Пользователь сразу должен понять для чего (и для кого) создан сайт, причем не графически, а информативностью и разнообразием предоставляемых услуг:
- Частные объявления новых запчастей
- БУ запчасти
- Компании и организации
- Новости
- Акции и предложения
- События
...

По итогу проведения конкурса от дизайнера потребуется следующая проработка:

Технические требования к вёрстке (относительно всего проекта)
1. Кроссбраузерность (IE8+, FF, Opera, Safari, Chrome)
2. Результат должен быть представлен в виде набора ERB / HTML файлов
3. Все стили должны быть вынесены в css файлы
4. Весь javascript должен быть вынесен в отдельные jsфайлы
5. Допускается использование cssпрепроцессоров (SASS, LESS), javascript желателен без CoffeScript и его аналогов
6. Названия классов и id должны по смыслу соответствовать применению
7. Если макет не проходит 100%-ную html-валидацию, необходимо, селать так, чтобы использование невалидного кода было оправданно
8. Обязательно использование библиотеки select2.js (адаптация её дизайна)
9. Верстка должна быть жесткой.

Требования к набору общих элементов (ко всему проекту)
1. Набор заголовков (h1-h4)
2. Набор иконок
3. Абзац текста
4. Нумерованный и ненумерованный списки
5. Таблица
6. Формы (горизонтальные\инлайновые и вертикальные)
7. Radio box
8. Text Area
9. Input
10. Select (select2.js)
11. Button
12. Подсказки (в общем случае – иконка вопроса со всплывающей подсказкой)
13. Блоки сообщений с ошибками \ информацией \ предупреждениями (аналог alerts в bootstrap)
14. Пагинация