Promo CMS
Редактируйте заданные блоки прямо на странице, оформляйте основной текст, фиксируйте приглашения и просматривайте ответы гостей. Три свадебных сайта показывают два управляемых сценария и один намеренно статичный вариант.
- Astro
- Vue
- TypeScript
Задача
Команде мероприятия важно самостоятельно уточнять программу и следить за ответами гостей, не пересобирая сайт после каждой правки. Универсальный конструктор нарушил бы композицию, по которой узнаётся конкретное событие, а простому статичному сайту незачем получать редакторские и гостевые функции.
Путь редактора и гостя
-
Войти и изменить нужный текст
Редактор входит в управляемый сайт и правит заданные текстовые блоки на самой странице. Доступны жирное и курсивное начертания, ссылки и списки.
-
Добавить гостя и зафиксировать приглашение
Гостя можно внести вручную, а приглашение — сохранить локально. Демонстрация не отправляет настоящие письма.
-
Получить ответ гостя
Гость заполняет форму мероприятия, видит подсказку рядом с каждым пропущенным полем и отправляет ответ об участии.
-
Сверить ответы в одном месте
В таблице редактор сопоставляет гостей, состояние приглашения, участие, состав группы и оставленные примечания.
Promo CMS и три визуальных направления
Сначала галерея показывает рабочий интерфейс редактора, а затем сопоставляет три англоязычных сайта мероприятий с разной типографикой, атмосферой и функциональностью.
Редактор Promo CMS
После входа редактор видит только заданные для сайта поля, ограниченный набор оформления текста и понятные действия сохранения.
Maya & Theo
Игривый праздник в Охае: выразительный цвет, рисованные акценты, управляемый контент и сценарий ответа на приглашение.
Clara & Alessio
Статичное приглашение в редакционном стиле для Римини: типографская программа, атмосферные фотографии и образы дресс-кода. В нём намеренно нет CMS и формы.
Evelyn & Jules
Кинематографичные выходные в Тоскане: многослойные фотографии, стеклянная навигация, управляемый контент и сценарий ответа на приглашение.
Границы продукта
-
Композиция сайта остаётся неизменной
Редактор меняет только заданные блоки, но не их порядок или форму. Поэтому каждый сайт сохраняет свою типографику, ритм и визуальную иерархию.
-
Только необходимое оформление текста
Редактор поддерживает жирное и курсивное начертания, ссылки и списки, а сохранённый результат ограничен этим набором и не принимает произвольную разметку страницы.
-
Данные принадлежат конкретному сайту
Управляемый сайт сам задаёт тексты, поля формы, гостей и ответы. Общая система добавляет одинаковое редакторское поведение, но не подменяет дизайн события.
-
Статичный сайт может обойтись без системы
Сайт для Римини показан в том же формате портфолио, но намеренно не использует CMS и форму приглашения. Для такого сценария достаточно более лёгкого решения.
Качество взаимодействия
-
Обратная связь связана с действием
Ошибки формы показаны рядом с полями, изменения состояния доступны вспомогательным технологиям, а клавиатурный фокус переходит к следующему полезному элементу.
-
Атмосфера сохраняется на любом экране
Все три визуальных направления сохраняют иерархию на узких и широких экранах, а при настройке уменьшенного движения необязательные эффекты заменяются устойчивыми состояниями.