Лендинг-приглашение на свадьбу
Лендинг-приглашение на свадьбу с интерактивными элементами и ироничной романтической подачей
лендинг-приглашение
дизайн и верстка
пошаговая анимация
визуальная концепция
структура и логика
tone of voice
RSVP-форма
В кейсе используются изменённые имена, изображения и детали мероприятия.
Реальные данные заказчиков были заменены в целях конфиденциальности до проведения события.
Доступ к опубликованной версии сайта будет открыт после мероприятия.
Реальные данные заказчиков были заменены в целях конфиденциальности до проведения события.
Доступ к опубликованной версии сайта будет открыт после мероприятия.
01
о проекте
Запрос: создание сайта-приглашения на свадьбу.
Главной задачей было сделать сайт живым, современным и не похожим на типичные шаблонные свадебные лендинги.
Главной задачей было сделать сайт живым, современным и не похожим на типичные шаблонные свадебные лендинги.
У проекта не было готового визуального направления или подробного ТЗ.
Из пожеланий заказчицы:
✦ ироничный и лёгкий тон текста;
✦ форма подтверждения присутствия;
✦ информация о месте и времени проведения;
✦ яркий акцент на формате «только для взрослых».
Визуальная концепция, структуру и подача были разработаны мной самостоятельно.
Из пожеланий заказчицы:
✦ ироничный и лёгкий тон текста;
✦ форма подтверждения присутствия;
✦ информация о месте и времени проведения;
✦ яркий акцент на формате «только для взрослых».
Визуальная концепция, структуру и подача были разработаны мной самостоятельно.
02
подход к концепции
Основной задачей было уйти от типичной свадебной эстетики и сделать приглашение более живым, современным и немного ироничным.
В основе визуального подхода:
✦ воздушная композиция;
✦ акцентные интерактивные элементы;
✦ сочетание романтики и лёгкой самоиронии;
✦ ощущение небольшого цифрового «сюжета» при скролле.
✦ воздушная композиция;
✦ акцентные интерактивные элементы;
✦ сочетание романтики и лёгкой самоиронии;
✦ ощущение небольшого цифрового «сюжета» при скролле.
03
работа с текстом
Тексты для сайта были написаны мной с нуля на основе общения с заказчицей.
Важно было сохранить:
✦ лёгкость;
✦ ироничность;
✦ ощущение личного приглашения;
После согласования тексты были минимально скорректирован под пожелания заказчицы.
✦ лёгкость;
✦ ироничность;
✦ ощущение личного приглашения;
После согласования тексты были минимально скорректирован под пожелания заказчицы.
1
Дресс‑кода не будет. Мы хотим, чтобы вам было красиво, удобно и весело.
Но если появится желание прийти в костюме динозавра,
пожалуйста, предупредите заранее.
пожалуйста, предупредите заранее.
После долгих обсуждений,
рабочих будней, совместных планов и бесконечных «что будем есть?» мы всё‑таки решили пожениться.
И будем очень рады, если вы проведёте этот день вместе с нами.
рабочих будней, совместных планов и бесконечных «что будем есть?» мы всё‑таки решили пожениться.
И будем очень рады, если вы проведёте этот день вместе с нами.
Лучший подарок для нас,
это ваше присутствие и конверт, в котором совершенно случайно оказались купюры.
это ваше присутствие и конверт, в котором совершенно случайно оказались купюры.
05
UX-решения
Работа с важной информацией
Информация о месте и времени проведения была специально продублирована в нескольких точках сайта:
✦ в интерактивном билете;
✦ рядом с таймером;
✦ после отправки формы;
✦ в футере;
✦ в выпадающем меню.
Это помогло сделать навигацию понятнее и снизить вероятность того, что пользователь пропустит важные детали.
✦ в интерактивном билете;
✦ рядом с таймером;
✦ после отправки формы;
✦ в футере;
✦ в выпадающем меню.
Это помогло сделать навигацию понятнее и снизить вероятность того, что пользователь пропустит важные детали.
билет
таймер
окно после отправки формы
футер
меню
Форма RSVP
Форма была собрана под конкретный сценарий мероприятия и включала только действительно нужные для заказчицы поля:
✦ имя и фамилию;
✦ подтверждение присутствия;
✦ информацию о +1;
✦ контактный телефон.
✦ имя и фамилию;
✦ подтверждение присутствия;
✦ информацию о +1;
✦ контактный телефон.
06
визуальная система
Шрифты:
Wremena
Forum
Цветовая палитра:
#2B0F0C
#C4A998
#9E0001
#EFE2D9
Графика и текстуры:
07
адаптация и реализация
После утверждения концепции сайт был полностью реализован на Tilda с сохранением всех анимаций и интерактивных элементов.
Так как проект был компактным и имел небольшое количество экранов, отдельный этап прототипирования не использовался, данное решение было согласовано с клиентом.
Так как проект был компактным и имел небольшое количество экранов, отдельный этап прототипирования не использовался, данное решение было согласовано с клиентом.
08
финальный результат
Легкий романтичный и немного ироничный лендинг-приглашение, который передает настроение пары и делает приглашение особенным еще до самого события.
Доступ к опубликованной версии сайта будет открыт после завершения мероприятия.
08
финальный результат
Легкий романтичный и немного ироничный лендинг-приглашение, который передает настроение пары и делает приглашение особенным еще до самого события.
Доступ к опубликованной версии сайта будет открыт после завершения мероприятия.
