Необходимо создать макет подписной страницы в Figma.
При создании макета, важно! руководствоваться правилами описанными ниже.
Подписная страница будет с 3 вариантами главных экранов.
Прототип всей страницы: https://app.moqups.com/yfaROWWshz/view/page/a2bffcdc5
ЦА: одинокие женщины 40+ или женщины с проблемами со второй половинкой)
Прототип главного экрана вариант №2: https://app.moqups.com/yfaROWWshz/view/page/ad0bd5067
ЦА: женщины состоящие в отношениях 30-40 (предел 45 лет)
Прототип главного экрана вариант №3: (в процессе вышлем, дорабатывается)
ЦА: без отношений мечтающие найти избранника 30-40 лет
Пожелания! Дизайн должен быть легкий, мини-малистичный. Дизайн должен усиливать копирайтинг, то есть быть продающим, а не просто красивым.
Разбор конкурентных страниц и примеров, что должно получится:
Хороший копирайтинг, дизайн на 3+. Пожелания кТЗ, чтобы дизайн был более продающим, то есть сохранил минималистичность как тут, но были усиливающие элементы:
https://static.fazarosta.com/reg/main/?utm_source=samoylov&utm_medium=direct&utm_campaign=top
https://page.fazarosta.com/put/?utm_source=blog_raspisanie_1803&utm_medium=direct
Хорошая работа направлена на ЦА 40+:
https://aboutmen.ru/msxtoday/thanks
Хороший дизайн, с июзминкой, продающий
https://about-men.ru/products/together/
Не релевантная программа, но очень хороший дизайн. Важно обратить внимание на смысловую нагрузку дизайна, а не на дорогие фишки, которые в нем использвоались:
http://bbm.molodost.bz/1976/?v=6a0ccb23325588d489b84419bd0cb50c
В долгосрок, продолжим сотрудничество для того, чтобы создать дополнительные страницы используемые в этом запуске.
Задачи, которые должен решить созданный макет:
- a. Десктоп макетов веб-страниц
- b. Адаптив макетов веб-страниц
- c. Отдельных элементов веб-страниц (хедеры, баннеры, кнопки, инфографика итд)
- d. Баннеров
- e. Видео-превью
- f. Изображения для статей
- g. Оформление PDF руководств
- h. Мелкие задачи, связанные с поддержкой диджитал-проекта
Критерии при создании макета
- Нельзя использовать стоковые фотографии. (успешных людей, счастливых американцев)
- Нельзя использовать пластиковых человечков.
- Ткань, стразы черно-золотой - плохо.
- Нельзя использовать слишком много триггеров. (гарантия, акция, таймер)
- Самое важное наиболее выделено и ярко.
- Самое важное вверху.
- Белые буквы на темном фоне
- CAPS LOCK в тексте нельзя использовать
- Использовать легкочитаемые шрифты
- Нельзя использовать шрифт Lobster, запрещено использовать Minion Pro в любых вариациях
- Креатив ради креатива
- Должны быть хорошие фотографии, а не из интернета или еще что-то
- Шапка не выше 768 пикселей
- Делать меню в шапке (ссылка якорь)
- Для основного контента страницы можно использовать семейства таких шрифтов: Lato, Roboto, Georgia, Helvetica, Open Sans. Какие-либо декоративные шрифты, например для заголовков, обсуждаются / утверждаются по согласованию с проект менеджером.
Размеры и цифры при создании дизайна
- Высота шапки страницы: 550px
- На главном экране шрифт делать крупный, чтобы был читабельным (мин 18) Ширину делать с условием адаптивности на мобильный, чтобы при адаптации ширина отображалась нормально:
1200px
1024px
992px
768px
480px
375px
320px
- Дизайн рисовать с сеткой, чтобы при верстке было удобно раскидывать блоки. Шрифт не ниже 16 использовать.
- Делать нарезку всех необходимых картинок для верстки в отдельную папку, а также прикладывать все необходимые шрифты, если использовались нестандартные