Макет страницы для сервиса онлайн-визиток

Описание сервиса

Сервис позволяет создать онлайн-визитку.

Можно добавить:

• Имя Фамилию (или название компании, если это визитка компании)
• Фото (или лого)
• Краткое описание

И контакты:

• Номер телефона
• E-mail
• Социальные сети и мессенджеры (ВК, ФБ, Вацап, Вайбер, Телеграм, Снапчат, Скайп)

При этом можно добавить как один контакт, так и все.

Сервис будет генерировать страницу, онлайн-визитки с выбранным адресом, где будут отображаться введённые пользователем данные.

Ссылка (или кнопка) на информацию о Телефоне активирует исходящий вызов.

Ссылка (или кнопка) на информацию об e-mail активирует отправку сообщения на e-mail.

Ссылки (или кнопки) на соц-сети и мессенджеры отправляют в соответствующий сервис сразу на страницу диалога для написания сообщения.

Также можно будет изменить оформление (например фон и вид кнопок/ссылок на соцсети).

Эту страницу можно будет указывать в подписи в электронной почте, на странице в Инстаграме и, вообще, везде, где пользователь захочет указать контактные данные.

В первую очередь сервис рассчитан на использование с мобильный устройств, по этому все макеты и вёрстка Mobile-first. Для десктопа просто растягиваем до адекватного размера.

Задание

Разработать и создать макет страницы самой онлайн-визитки. Только версию для mobile.

Основная задача - определить приоритеты элементов и грамотно расположить их на странице. При этом учесть особенность сервиса - возможность изменения оформления.

Описание страницы

Это страница, которая будет автоматически генерироваться сервисом для пользователя, под его адресом - собственно, сама онлайн-визитка.

На странице должны отображаться:

• Добавленная пользователем информация (перечень возможной информации в описании сервиса).
• Промо-ссылка (или кнопка) для создания своей визитки/страницы, отправляющая пользователя на страницу регистрации в сервисе.
• Логотип сервиса

Формат работ

Работы необходимо отправлять вложенным документом в 100% размерах в формате jpg или png администратору сообщества - @antonbykov

Получить дополнительную информацию и задать вопросы вы можете у @antonbykov