Лендинг-приглашение на свадьбу
Лендинг-приглашение на свадьбу с интерактивными элементами и ироничной романтической подачей
лендинг-приглашение
дизайн и верстка
пошаговая анимация
визуальная концепция
структура и логика
tone of voice
RSVP-форма
В кейсе используются изменённые имена, изображения и детали мероприятия.

Реальные данные заказчиков были заменены в целях конфиденциальности до проведения события.

Доступ к опубликованной версии сайта будет открыт после мероприятия.
01
о проекте
Запрос: создание сайта-приглашения на свадьбу.

Главной задачей было сделать сайт живым, современным и не похожим на типичные шаблонные свадебные лендинги.
У проекта не было готового визуального направления или подробного ТЗ.


Из пожеланий заказчицы:
✦ ироничный и лёгкий тон текста;
✦ форма подтверждения присутствия;
✦ информация о месте и времени проведения;
✦ яркий акцент на формате «только для взрослых».

Визуальная концепция, структуру и подача были разработаны мной самостоятельно.
02
подход к концепции
Основной задачей было уйти от типичной свадебной эстетики и сделать приглашение более живым, современным и немного ироничным.
В основе визуального подхода:
✦ воздушная композиция;
✦ акцентные интерактивные элементы;
✦ сочетание романтики и лёгкой самоиронии;
✦ ощущение небольшого цифрового «сюжета» при скролле.
03
работа с текстом
Тексты для сайта были написаны мной с нуля на основе общения с заказчицей.
Важно было сохранить:
✦ лёгкость;
✦ ироничность;
✦ ощущение личного приглашения;

После согласования тексты были минимально скорректирован под пожелания заказчицы.
1
Дресс‑кода не будет. Мы хотим, чтобы вам было красиво, удобно и весело.
Но если появится желание прийти в костюме динозавра,
пожалуйста, предупредите заранее.
После долгих обсуждений,
рабочих будней, совместных планов и бесконечных «что будем есть?» мы всё‑таки решили пожениться.
И будем очень рады, если вы проведёте этот день вместе с нами.
Лучший подарок для нас,
это ваше присутствие и конверт, в котором совершенно случайно оказались купюры.
04
интерактивные элементы
Сайт строится не только на статичном дизайне, но и на небольших интерактивных сценах:
✦ анимация рук при скролле;
✦ «вытягивание» свадебного билета;
✦ таймер обратного отсчета до даты мероприятия.

Эти элементы помогли сделать сайт более живым и эмоциональным, не перегружая интерфейс визуально.
05
UX-решения
Работа с важной информацией
Информация о месте и времени проведения была специально продублирована в нескольких точках сайта:
✦ в интерактивном билете;
✦ рядом с таймером;
✦ после отправки формы;
✦ в футере;
✦ в выпадающем меню.

Это помогло сделать навигацию понятнее и снизить вероятность того, что пользователь пропустит важные детали.
билет
таймер
окно после отправки формы
футер
меню
Форма RSVP
Форма была собрана под конкретный сценарий мероприятия и включала только действительно нужные для заказчицы поля:
✦ имя и фамилию;
✦ подтверждение присутствия;
✦ информацию о +1;
✦ контактный телефон.
06
визуальная система
Шрифты:
Wremena
Forum
Цветовая палитра:
#2B0F0C
#C4A998
#9E0001
#EFE2D9
Графика и текстуры:
07
адаптация и реализация
После утверждения концепции сайт был полностью реализован на Tilda с сохранением всех анимаций и интерактивных элементов.
Так как проект был компактным и имел небольшое количество экранов, отдельный этап прототипирования не использовался, данное решение было согласовано с клиентом.
08
финальный результат
Легкий романтичный и немного ироничный лендинг-приглашение, который передает настроение пары и делает приглашение особенным еще до самого события.
Перейти на сайт
Доступ к опубликованной версии сайта будет открыт после завершения мероприятия.
08
финальный результат
Легкий романтичный и немного ироничный лендинг-приглашение, который передает настроение пары и делает приглашение особенным еще до самого события.
Перейти на сайт
Доступ к опубликованной версии сайта будет открыт после завершения мероприятия.

Made on
Tilda