Проектирование

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

Анкета для заказа дизайна

Перейти к анкете

Заголовок

Нарисовать макет главной страницы

Текст

На основе:
1. Полученной анкеты [ссылка]
2. Поступивших материалов клиента для главной страницы [прямая ссылка на материалы для главной]
3. Эскиза [ссылка на задачу]
4. Прототипа [ссылка на задачу]
5. НЕ ОБЯЗАТЕЛЬНО, ДОСТАТОЧНО ПРЕДОСТАВЛЕННЫХ МАТЕРИАЛОВ: Собранного сайта [ссылка на сайт] с опубликованными материалами.
6. ЕСЛИ БЫЛИ, ПРЕДОСТАВИТЬ СПИСКОМ В ЗАДАЧЕ: Пожеланий клиента к блокам главной странице, полученных по итогам демонстрации типового прототипа. 

Нарисовать макет главной страницы сайта.

Требования к содержанию макетов:
1. Макеты рисуются по шаблонам

    Шаблон макета главной — Y:\_Cetera\Templates\Project\Design\home.psd
    Дефолтный прототип всех страниц сайта — http://wireframes.cetera.ru/wireframe/

2. Требование к макету с точки зрения производства:

    Макеты должны максимально соответствовать оформлению элементов, сетки и т.д., описанной на http://foundation.zurb.com/docs/ и в http://wireframes.cetera.ru/wireframe/
    Макеты должны содержать отдельный слой с символами отступов [[https://www.figma.com/file/Y1UeLqqraqGgzhsDkDTtDMIE/%D0%92%D0%B5%D1%80%D1%82%D0%B8%D0%BA%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BE%D1%82%D1%81%D1%82%D1%83%D0%BF%D1%8B?node-id=0%3A1|Набор для figma]], Каждый вертикальный интервал должен быть обозначен символом с цветовым кодированием. 
    [[https://www.figma.com/file/N1VUa4dOI6q4U6qiJXkF6OB4/Wildcraft?node-id=143%3A0|Пример макета]]

3. Макеты должны содержать минимальное количество нестандартных элементов.
4. При разработке макета должны учитываться общие требования по UX https://kb.cetera.ru/docs/qa/checklistux
5. Макеты должны быть адаптивными.

    Макеты должны иметь возможность быть адаптироваными по сетке 1200 — 960 — 640 — 320 пикселей.
    Макет для десктопа должен иметь ширину артборда 1920px. 
    Не должен нарушаться порядок следования блоков: если блок с описанием на широком макете был после картинки, то на узком макете он не должен оказаться над ней.

6. Макет должен соответствовать требованиям верстки — https://kb.cetera.ru/docs/design/designlayout
7. В целях упрощения дальнейшей поддержки не рисуем баннерных мест на макетах. Только центральный анонс. Фоновое фото и текст поверх него. Отступление от правила допустимо только в случае письменного запроса от клиента на этапе согласования макета. Остальные промо-блоки на главной странице следует решать выводами анонсов разделов: «последние новости», «популярные товары», «перечень преимуществ», где выводятся списки материалов из какого-то раздела в составе заголовка, краткого описания, фото или иконки, возможно, даты.
8. Требования к макету с точки зрения успеха компании

    Каждый макет должен рисоваться, исходя из тех соображений, что он должен стать звездой нашего портфолио. Вне зависимости от того, кто клиент, сколько денег, о чём сайт и т.д. Это должна быть звезда.
9. По готовности, макет отдельной CE-задачей отправляется арт-директору, для проверки на соответствие концепциям эскиза, и общим требованиям дизайна. 
10.1 После утверждения, макет выкладывается в основную задачу.

На выходе дизайнером должна быть подготовлена презентация макета, основываясь на https://kb.cetera.ru/docs/design/presentation. Уточнить у менеджера о дате и времени проведения презентации до сдачи макета Заказчику.