Чек-лист дизайна форм подписки

Для загрузки своей формы в Popmechanic она должна соответствовать требованиям ниже
1
РАЗМЕРЫ
Должно быть 2 основных размера для формы:
- макет для мобильных (ДО 320x440)
- макет для ПК (ДО 960x640)

Желательно еще:
- макет для планшетов (ДО 480x480)

Размеры макета - либо точные (пиксель в пиксель), либо же увеличенные в два раза (для оптимизации под Retina).
В макете для мобильных поля друг под другом.
2
СПАСИБО ЗА ПОДПИСКУ
- прорисуйте, что пользователь увидит после заполнения формы на сайте
3
ЗАКРЫТИЕ ФОРМЫ
На всех вариантах и экранах нарисован крестик для возможности закрыть форму
4
ОШИБКИ
Прорисуйте, как будет выглядеть сообщение для пользователя, если:
- он отправляет форму повторно и уже есть в базе
- отправленные данные не проходят валидацию (емейл без @, пустое поле и т. д.)
Обычно это подсветка красным цветом контуров и тексты внутри полей
5
СОГЛАСИЕ НА ОБРАБОТКУ ДАННЫХ
Рекомендуем добавить ссылку на Политику конфиденциальности компании и галочку для согласия на обработку персональных данных.
Прорисуйте, где будет находится и как будет выглядеть эта надпись.
6
АНИМИРОВАННЫЕ ЭЛЕМЕНТЫ
Размер GIF-изображений не должен превышать 1 MB.
Если хочется GIF, то лучше верстать, как HTML5 видео.
7
ФОРМАТ
Макеты предоставляются в PSD.
Попапы должны быть упакованы по папкам для отдельных устройств, ховеров, экранов.
7
ВЕРСТКА ФОРМЫ
Если вы хотите сами сверстать форму для добавления в личный кабинет - она должна быть сделана по нашему шаблону.