О проекте
К нам обратились с задачей разработать онлайн-приглашение на свадьбу. Заказчики хотели сайт, который соответствовал бы оформлению торжества, содержал всю необходимую информацию для гостей и позволял заранее собрать ответы приглашённых.
У пары уже были референсы и представление о том, каким должно получиться приглашение. Поэтому работу начали с адаптации их пожеланий под дизайн мобильного сайта.
Основой оформления стали светлые оттенки, ботанические иллюстрации и каллиграфические шрифты. При этом у проекта были и индивидуальные детали: детские фотографии жениха и невесты на первом экране, отдельный вишлист и анкета для гостей.
Помимо разработки дизайна, требовалось настроить передачу ответов из анкеты в Telegram-бота, чтобы организаторы могли получать их автоматически.
Дизайн по референсам заказчиков
При разработке онлайн-приглашения мы ориентировались на предоставленные референсы. Важно было сохранить выбранную парой стилистику и при этом адаптировать её под длинную мобильную страницу.
Для цветовой палитры использовали тёплый бежевый фон, приглушённые зелёные оттенки и мягкие растительные акценты. Заголовки оформили каллиграфическим шрифтом, а для основной информации выбрали более сдержанную типографику.
Декоративные элементы распределили по странице так, чтобы они сопровождали содержание, но не перекрывали текст, даты и другие важные детали.
Первый экран с детскими фотографиями
Одним из пожеланий заказчиков было использование детских фотографий жениха и невесты.
Эту идею включили в первый экран приглашения. Вместе с приветственным текстом и декоративными элементами фотографии создают персональное вступление, связанное с историей пары.
Такой подход позволил уйти от стандартного оформления, в котором меняются только имена молодожёнов и дата свадьбы.
Структура свадебного сайта-приглашения
Приглашение разработали в формате вертикальной страницы, рассчитанной прежде всего на просмотр со смартфона.
Гость последовательно знакомится с информацией о свадьбе, узнаёт место и время проведения, изучает программу и пожелания пары, а затем может заполнить анкету.
Дата свадьбы и обратный отсчёт
В начале приглашения разместили имена, дату торжества и таймер обратного отсчёта.
Таймер показывает, сколько времени осталось до свадьбы. Этот элемент дополняет основной экран и делает приглашение более интерактивным.
Программа свадебного дня
Для гостей подготовили отдельный раздел с расписанием мероприятия.
В программе указали время трансфера, сбора гостей, церемонии, начала свадьбы и завершения вечера.
Все события расположили в хронологическом порядке, чтобы приглашённым было удобно ориентироваться во времени и планировать приезд.
Место проведения и карта
На сайте предусмотрели блок с адресом площадки и возможностью перейти к её расположению на карте.
Гостям не требуется искать адрес в переписке или отдельно уточнять его у молодожёнов — информация доступна непосредственно в приглашении.
Дресс-код с цветовой палитрой
Для раздела с дресс-кодом использовали цветовые образцы, соответствующие пожеланиям пары.
В палитру вошли приглушённые зелёные, серо-зелёные и нейтральные оттенки. Цвета представлены визуально, поэтому гостям проще подобрать подходящий наряд.
Раздел оформили в общей стилистике сайта, сохранив растительные иллюстрации и каллиграфические элементы.
Вишлист молодожёнов
По просьбе заказчиков добавили отдельный раздел с пожеланиями по подаркам.
Вишлист помогает гостям заранее ознакомиться с предпочтениями пары. Его оформление поддерживает общую композицию приглашения и не выглядит отдельной вставкой.
Анкета для гостей с отправкой ответов в Telegram
Одной из основных функциональных задач проекта была организация сбора ответов от приглашённых.
Для этого на сайте предусмотрели анкету, которую гости могли заполнить непосредственно в онлайн-приглашении.
После отправки формы ответы автоматически передавались в Telegram-бота.
Это позволило организаторам получать информацию от гостей в одном месте, без необходимости отдельно собирать ответы в мессенджерах.
Почему выбрали интеграцию с Telegram
Для организаторов свадьбы важно заранее получить ответы приглашённых. Когда информация поступает в личные сообщения от разных людей, её приходится вручную переносить в общий список.
Интеграция формы с Telegram-ботом сокращает эту работу: гость заполняет анкету на сайте, а организаторы получают отправленные данные через бота.
Таким образом, сайт выполняет сразу две задачи: знакомит гостей с деталями торжества и помогает собирать организационную информацию.
Адаптация дизайна под смартфоны
При разработке учитывали, что большинство гостей будут открывать приглашение по ссылке с телефона.
Поэтому основное внимание уделили мобильному формату: вертикальной композиции, последовательности разделов, читаемости текста и расположению интерактивных элементов.
В длинных информационных блоках использовали более спокойную типографику, а декоративные акценты оставили преимущественно в заголовках и оформлении секций.
Так приглашение сохранило выбранную заказчиками стилистику, но осталось удобным для просмотра.
Результат проекта
Разработали индивидуальное свадебное онлайн-приглашение на основе их референсов и пожеланий.
В проект вошли персональный первый экран с детскими фотографиями, информация о торжестве, обратный отсчёт, программа свадьбы, карта, дресс-код, вишлист и анкета для гостей.
Отдельно реализовали интеграцию анкеты с Telegram-ботом для автоматического получения ответов.
В результате пара получила сайт-приглашение, который можно отправить гостям одной ссылкой, а организаторы — удобный способ собирать информацию перед мероприятием.
