Задача

Необходимо выполнить подготовку готового дизайна веб-страницы к верстке: аккуратно нарезать макет на слои, выгрузить все необходимые элементы (фоны, иконки, изображения) в правильной пиксельной сетке и организовать файлы для удобной работы программиста. Дополнительно - на основе ПК-версии спроектировать и нарисовать дизайн адаптивной версии для мобильного телефона. Все работы выполняются строго в слоях PSD или Adobe XD.

Основные требования

• Нарезать все графические элементы (кнопки, фоны, логотип, иллюстрации) в правильном разрешении.
• Файлы должны быть подготовлены в форматах PNG, SVG и оптимизированы для веба.
• Собрать и пронумеровать слои в макете: каждому элементу присваивается описание/класс.
• Создать простую структуру папок (веб-папка с assets: img, svg).
• Спроектировать мобильную версию адаптивно: изменение расположения блоков, уменьшение шрифтов, скрытие некоторых элементов, перестроение формы на вход/выход.

Ключевые доработки мобильной версии

• Ширина контейнера 320-480px.
• Основная навигация превращается в hamburger-меню.
• Изображения часто превращаются в иконки или прячутся для ускорения загрузки.
• Все контакты (email, телефон) выносятся вниз под навигацией.

Основная цель

Сделать макет готовым к верстке (отдать верстальщику или программисту) и предоставить второй вариант дизайна - «резиновый» для мобильного экрана.