Разработка дизайна сайта
Требования к исполнителю:
1) Опыт работы от 3 лет в качестве дизайнера, в том числе на проектах крупных клиентов (обязательно наличие портфолио).
2) Возможность общения по почте/скайп/телефону в рабочее время с 9 до 18 по Минскому времени.
3) Желательно возможность общения с клиентом по скайп при участии менеджера проекта для презентации предложенной концепции дизайна, умение обосновать свою работу.
4) Знание и умение применять на практике современные тенденции дизайна.
Условия работы:
Ориентировочная стоимость за всю работу - 150$.
Сроки разработки дизайна - 2 рабочих дня на концепцию, 2 дня на дизайн одной страницы.
Исполнитель не имеет права на использование результатов работы в своем портфолио.
Этапы работ:
Этап 1 - разработка 2 (двух) концепций стилистического представления проекта в виде мудборда с подробным обоснованием предлагаемых решений. Вариант реализации первого этапа может быть изменен по согласованию сторон. В случае, если ни одна из предложенный концепций не будет принята – нужно будет на основании комментариев предоставить одну дополнительную концепцию.
Этап 2 – Разработка дизайна 1 (одной) страницы проекта на основании выбранного клиентом предложения. 3 (три) итерации правок с полным выполнением предыдущего списка правок.
Особенности проекта:
Клиент: лидер российского рынка аудиовизуальной техники. Компания выделяется среди конкурентов предложениями по инновационным разработкам, большим ассортиментом оборудования, предложениями по комплексному подходу в реализации проектов по интеграции.
ЦА:
1. Дилеры;
2. Потенциальные дилеры;
3. Конечные заказчики системной интеграции;
4. Соискатели;
5. Специалисты области;
6. Лица, принимающие решение со стороны клиента.
Рынок – вся Россия.
Целевые действия на сайте:
1. Поиск поставщика;
2. Поиск товаров/брендов;
3. Поиск информации о компании;
4. Характеристики/описания товаров;
5. Выяснение условий доставки, финансовых условий работы;
6. Сравнение условия работы, ценового диапазона;
7. Поиск новых направлений деятельности, новых категорий;
8. Поиск информации в области (обзоры продукции, выставки, мероприятия).
Есть подробное проработанное с клиентом техническое задание, также имеются прототипы, но они больше для понимания наличия блоков на страницах сайта.
Ожидания по дизайну:
Сайт должен отвечать современным тенденциям представления материала на сайте, приветствуются предложения по логике отработки элементов и подаче материала в рамках ожиданий клиента.
Сайты, на которые ориентируется клиент по стилистике и подаче:
1. http://www.apple.com – форма поиска, общая стилистика, навигация;
2. http://www.avangard-direct.ru/service/#logistics/ - представление контента статической страницы;
3. http://www.apple.com/mac-pro/ - представление блока презентаций;
4. http://thinkpad.ru – представление новостных страниц.
5. http://www.ok-studios.de/home/, http://demo.marsdigital.ru/boxsol.mozy/ - примеры эффекта «параллакс».
Требования по верстке, которые нужно учесть при разработке дизайна:
1) Адаптивная версия сайта. Разрешения:
Мобильная версия: 320 – 767px (резиновая верстка).
Планшетная версия: 768 - 1023px (фиксированная верстка, ширина контентной области составляет 740px (±30px), центрирование по горизонтали по центру).
Десктопная малая версия: 1024 – 1279px (фиксированная верстка, ширина
контентной области составляет 980px (±30px), центрирование по горизонтали по центру).
Десктопная большая версия: 1366 px и более (фиксированная верстка, ширина
контентной области составляет 1340 px (±30px), центрирование по горизонтали по центру).
Перестроение блоков нужно будет показать для верстальщика в виде блок-схем на всех разрешениях.
2) Технические требования по дизайну:
- использование сетки bootstrap (обязательно);
- слои в макете сгруппированы и у групп по возможности короткие и емкие имена;
- при сдаче сохранять ПСД с включённым слоем с сеткой;
- кегль шрифта задан целыми значениями;
- каждый слой (кроме текстовых имеет название. Например: тень, блик) Чем проще название, тем лучше;
- нарисован фавикон (16х16 обычный, 144х144 для ретины);
- в дизайне не должно использоваться более 3 разных шрифтов;
- использование бесплатных шрифтов;
- исходники полностью передаются по слоям;
3) При подборе графических материалов, учесть, что графика сайта будет оптимизирована для Retina-экранов.