Что это за проект
Проект про поездки и встречи: рыбалка, баня, путешествия. Публичная часть рассказывает о формате и собирает заявки, закрытая — открывается по личной ссылке и показывает гостю фильм и фотографии его поездки.
Кто пользуется: Участники поездок и те, кто хочет попасть на ближайшую
Какую задачу решает
Проект живёт двумя половинами. Публичная рассказывает о формате тем, кто ещё не был, и собирает заявки. Закрытая открывается по личной ссылке и показывает гостю его поездку — фильм и фотоотчёт. Это разные задачи и разные состояния человека, поэтому сделаны они как два разных интерфейса на одном сервере.
Слова вместо фотографий
Заказчица попросила главную без единого снимка. Оказалось сильнее фона с морем: страницу держат кегль, воздух и один акцентный цвет.
Публикация без разработчика
Мастер «Новое Событие» из пяти шагов позволяет заказчице выпускать поездку самой. Иначе каждая правда даты превращалась бы в задачу мне.
Закрытая часть по личной ссылке
Гость не заводит логин и пароль: ссылка и есть ключ. Для отчёта о поездке это правильный компромисс между удобством и приватностью.
Что я сделал
- Дизайн и вёрстка публичной части: типографика, тёмная палитра, контурные плашки
- Панель управления: мастер «Новое Событие» из пяти шагов, чтобы заказчица публиковала поездки сама
- Закрытый раздел по личному токену: фильм на 28 минут и фотоотчёт
- Форма заявки: обращения хранятся в панели, рядом — кнопка «Написать в Telegram» с готовым текстом, без бота
- Три согласия в форме: политика, обработка персональных данных и рассылка по желанию — отметка хранится в заявке и попадает в выгрузку CSV
- Страница авторской рыбалки основателя: мозаика кадров, тезисы и галерея около 50 фотографий
- Аудит панели управления: из 16 разделов оставил 7 нужных
- Переезд на основной домен sobtie.ru, старый адрес со-бытие.рф ведёт на новый
- Скрипт выката с резервной копией базы, проверкой живости и автоматическим откатом
Что умеет сайт
- Главная без фотографий: логотип с медленной анимацией и крупная типографика
- Панель управления поездками, программой и фотографиями
- Закрытая страница гостя по личной ссылке
- Форма заявки и страницы политики и оферты
- Автоматическая обработка фотографий при загрузке
- Страница авторской рыбалки с галереей
- Кнопка «Написать в Telegram» с текстом заявки
- Реквизиты компании в подвале
На чём сделано
- React 19 и TypeScript
- Vite
- Express 5
- SQLite
- sharp для обработки изображений
- Nginx и systemd на своём сервере
Про дизайн
Публичная часть намеренно тихая: один акцентный цвет, никакой пестроты. Всё движение на первом экране — медленный цикл логотипа.
Ещё снимки
