Веб-дизайн · Tilda · Адаптивная вёрстка

Тревел-сайт «Кострома»

Промо-сайт для туристического направления в духе Золотого кольца. Тёмно-синие развороты и золотая графика оригинала здесь показаны в новой обёртке кейса — на чёрном фоне со стеклянными карточками, в стилистике бренда М.А.К.

Роль
Дизайн + вёрстка Tilda
Формат
Промо-лендинг
Адаптив
Desktop / Tablet / Mobile
Тема
Туризм, наследие
Сайт Кострома
01

О проекте

Это мой проект ещё со времён колледжа — тогда я разрабатывала систему навигации по городу Костроме: как человек находит дорогу от площади Сусанина до музеев и обратно.

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

Городская навигация Ребрендинг Tilda Zero Block

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

Так навигация перестала быть просто страницей с текстом — она стала узнаваемой системой: от бумажного носителя до уличного знака и сайта.

2
версии проекта: колледж → ребрендинг
100%
сохранение композиции секций
1
визуальный язык на всех носителях
02

Фирменный стиль и навигация

Фирменная продукция Кострома

Фирменная продукция

Логотип-силуэт с куполами лёг на весь деловой комплект: фирменный бланк, визитки, конверт и набор карточек навигации — единый узнаваемый стиль для города.

Уличные указатели навигации Кострома

Уличные указатели

Тот же фирменный стиль перенесён на физическую навигацию по городу — указатели у ключевых точек маршрута ведут туриста от площади Сусанина к музеям без единого лишнего вопроса.

03

Как это выглядит на разных носителях

Прокрутите содержимое внутри каждой рамки — тот же сайт, адаптированный под ширину устройства.

Монитор · 1440px
Десктоп версия

Широкие развороты, парные колонки, крупные фотографии

Планшет · 768px
Планшетная версия

Колонки сжимаются, отступы уменьшаются

Телефон · 375px
Мобильная версия

Один столбец, крупный текст, простая навигация