Appearance
DRevent — ТЗ для дизайнера (краткая версия)
Prod: drevent.app · Контакт: support@drevent.app
Полная версия: 11-design-brief.md
Что это
DRevent (DeaR event) — веб-сервис общего фото/видео-альбома на мероприятии.
Организатор создаёт альбом → получает QR и ссылку → гости без приложения и регистрации смотрят и загружают медиа. На экране — wall (слайдшоу). Организатор скачивает ZIP, модерирует, брендирует альбом.
События: свадьбы, дни рождения, корпоративы, конференции.
Кто пользуется
| Персона | Аккаунт | Задача |
|---|---|---|
| Гость | не нужен | QR → альбом → загрузить фото |
| Организатор | email + OAuth | Создать событие, QR, скачать всё |
| Модератор / MEMBER | по приглашению | Модерация / закрытый альбом |
Принцип: гостей никогда не регистрируем.
Ключевые функции
- Альбом (сетка + лайтбокс), upload с телефона, live-обновления
- QR + share-страница, wall (fullscreen slideshow)
- Кабинет: manage, settings, members, moderate, ZIP
- Брендинг события (цвет, лого, фон)
- Лендинг, тарифы FREE/BASE/PRO, legal + cookie-баннер
- RU + EN
Экраны (приоритет)
P0: лендинг · альбом (mobile) · share/QR · wall · auth-модалка
P1: cabinet (dashboard, manage, settings) · тарифы · moderate · error states
Подробная карта — 08-screens-and-layouts.md.
UI-ограничения
- Mobile-first (гости с телефона)
- Светлая тема — текущий prod (
--c-bg: #ffffff, акцент#e63e5b); тёмная заложена в tokens ([data-theme='dark']), но не включена в UI - Свой UI-kit: SCSS + CSS-переменные, без Tailwind; брейкпоинты 480 / 768 / 1024 px
- Брендинг организатора (цвет, лого, фон) наследуется в альбоме и wall
- Референс для дизайнера: drevent.app + dev-стенд
/dev/ui-kit(локально)
Референсы
RU: Tamadoba — главный конкурент на российском рынке.
| Сервис | Сегмент | Ссылка |
|---|---|---|
| Tamadoba | RU | tamadoba.tech |
| GuestPix | global | guestpix.com |
| Kululu | global | kululu.com |
| POV | global | pov.camera |
| Our Event Album | global | oureventalbum.com |
| Cluster | global | cluster.co |
Что отдать (deliverables)
- Дизайн-система — эволюция текущего UI-kit или редизайн с нуля (согласовать с prod)
- Wireframes и hi-fi — P0-экраны (mobile + desktop)
- Состояния UI — загрузка, пусто, ошибка
- QR print kit — макеты для печати (A6, визитка, табличка)
- Figma library + интерактивный прототип guest flow (QR → upload → альбом)
Формат: Figma, auto-layout, варианты (variants) для breakpoints.
Документация на сайте
На dev-стенде: dev.drevent.app/docs (docs-site/ + docs/product/). На prod ссылки скрыты.
Вне scope
Native apps · AI-фильтры · photobook · billing UI · чат · face scan