Пиксельный знак
Силуэт бобра, короткие зубы и двухцветная кириллическая надпись работают в светлой и темной версиях.
← Все кейсы03 / Айдентика и сайт
Кодобобр
Айдентика и сайт цифровой студии
Пиксельный бобр, кириллический логотип и фирменная палитра стали основой сайта, где представлены услуги, подход к работе и порядок расчета стоимости.
Открыть сайтФорматБренд и сайт
Публичная частьУслуги и контакты
Внутренняя частьЗаявки и учет
/ 01 — Контекст
Один бренд — несколько рабочих форматов
Знак должен оставаться узнаваемым и в шапке сайта, и в маленькой иконке браузера. Сайт, в свою очередь, должен объяснять направления работы и давать человеку понятный способ обратиться с задачей.
Отдельная задача — не терять обращения: заявки сохраняются в админке, а о новых поступает письмо владельцу.
/ 02 — РешенияКак устроен
Как устроен
проект
Единый язык интерфейса
Графитовый, оранжевый и молочный цвета связывают логотип, страницы услуг и элементы навигации.
Заявка без потерь
Форма сохраняет обращение в базе; уведомление по электронной почте помогает не пропустить его.
Собственное развертывание
Публичный сайт и админка работают в отдельном контейнере, не затрагивая другие сервисы на сервере.
/ 03 — ТехнологииИз чего
Из чего
собрано
Показываем, за что отвечает каждая часть системы.
Сайт и интерфейс
Next.js · React · TypeScript
Страницы, адаптивная верстка и формы
Заявки и учет
SQLite · Drizzle ORM
Хранение обращений и данных внутренней админки
Уведомления
SMTP
Письма о новых заявках владельцу
Инфраструктура
Docker · Nginx
Изолированный запуск и HTTPS-доступ
Графика
SVG
Масштабируемые версии знака и логотипа
/ 04 — РезультатЧто
Что
получилось
Опубликованный сайт с фирменным оформлением, страницами услуг и работающей формой. Заявки сохраняются в закрытой админке, а уведомления приходят по электронной почте.
Открыть сайт