К содержанию

11 · Сайт · Панель · Закрытый раздел

Событие — Рыбалка, баня, путешествия

Сайт, панель управления и закрытый раздел для гостей — три приложения на одном сервере. Главная собрана только из слов, без единой фотографии: так захотела заказчица, и это оказалось сильнее любого фона с морем.

со-бытие.рф

Событие — Рыбалка, баня, путешествия
Клиент
Организатор закрытых поездок
География
Россия
Тип проекта
Сайт · Панель · Закрытый раздел

Что это за проект

Проект про поездки и встречи: рыбалка, баня, путешествия. Публичная часть рассказывает о формате и собирает заявки, закрытая — открывается по личной ссылке и показывает гостю фильм и фотографии его поездки.

Кто пользуется: Участники поездок и те, кто хочет попасть на ближайшую

Какую задачу решает

Проект живёт двумя половинами. Публичная рассказывает о формате тем, кто ещё не был, и собирает заявки. Закрытая открывается по личной ссылке и показывает гостю его поездку — фильм и фотоотчёт. Это разные задачи и разные состояния человека, поэтому сделаны они как два разных интерфейса на одном сервере.

01

Слова вместо фотографий

Заказчица попросила главную без единого снимка. Оказалось сильнее фона с морем: страницу держат кегль, воздух и один акцентный цвет.

02

Публикация без разработчика

Мастер «Новое Событие» из пяти шагов позволяет заказчице выпускать поездку самой. Иначе каждая правда даты превращалась бы в задачу мне.

03

Закрытая часть по личной ссылке

Гость не заводит логин и пароль: ссылка и есть ключ. Для отчёта о поездке это правильный компромисс между удобством и приватностью.

Как выглядит

Событие — страница целиком
Событие — вид на телефоне

Снимки живого сайта: страница целиком и вид на телефоне.

Что я сделал

  • Дизайн и вёрстка публичной части: типографика, тёмная палитра, контурные плашки
  • Панель управления: мастер «Новое Событие» из пяти шагов, чтобы заказчица публиковала поездки сама
  • Закрытый раздел по личному токену: фильм на 28 минут и фотоотчёт
  • Форма заявки с уведомлением и хранением обращений
  • Скрипт выката с резервной копией базы, проверкой живости и автоматическим откатом

Что умеет сайт

  • Главная без фотографий: логотип с медленной анимацией и крупная типографика
  • Панель управления поездками, программой и фотографиями
  • Закрытая страница гостя по личной ссылке
  • Форма заявки и страницы политики и оферты
  • Автоматическая обработка фотографий при загрузке

На чём сделано

React 19 и TypeScriptViteExpress 5SQLitesharp для обработки изображенийNginx и systemd на своём сервере

Про дизайн

Публичная часть намеренно тихая: один акцентный цвет, никакой пестроты. Всё движение на первом экране — медленный цикл логотипа.

Другие работы

Все 16 работ →

Нужен похожий проект?

Напишите задачу своими словами. Отвечаю в течение часа с 9:00 до 22:00, вилку по цене и срокам называю на первом созвоне — бесплатно.