Заполнить бриф Меню
Мы используем файлы cookie и Яндекс.Метрику для анализа и улучшения работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с политикой конфиденциальности.
Принять
Меню Заполнить бриф

Кейс разработки сайта на Тильде

Лендинг на Tilda
для «У Блуда»

Разработали атмосферный сайт для личного бренда и пространства, объединяющего тату- и барбер-направления. Выстроили понятный сценарий, визуальную систему и адаптивную версию без потери характера проекта.

Главный визуальный образ лендинга «У Блуда»
Личный бренд Сайт с характером и ясным маршрутом к записи
  • Форматимиджевый лендинг
  • ПлатформаTilda Publishing
  • РаботыUX, дизайн, разработка
  • Подключеноаналитика и формы

О проекте

Объединить разные направления
в одном цельном сайте

«У Блуда» — личный бренд и пространство с несколькими услугами, собственной эстетикой и сильным визуальным образом. Лендинг должен был не просто выглядеть атмосферно, а быстро объяснять посетителю, куда он попал, что здесь можно получить и как записаться.

Визуальный образ личного бренда «У Блуда»
В центре коммуникации — человек, ремесло и атмосфера пространства
01

Собрать единый образ бренда

Связать тату-, барбер- и другие направления общей визуальной логикой, сохранив самостоятельность каждого раздела.

02

Упростить выбор услуги

Развести направления по понятным смысловым блокам и дать быстрый переход к нужной информации без перегруженного меню.

03

Сократить путь до контакта

Расположить адрес, способы связи и призывы к действию там, где пользователь уже готов задать вопрос или записаться.

Решение

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

Как устроена структура

UX-стратегия

Структура лендинга:
от знакомства к записи

Вместо длинного рассказа о бренде собрали маршрут вокруг главных вопросов посетителя. Каждый следующий экран продолжает предыдущий и подводит к целевому действию без навязчивых повторов.

  1. 01
    Первое впечатление

    Сильный портрет, название и короткое позиционирование сразу задают характер проекта.

  2. 02
    Выбор направления

    Самостоятельные смысловые блоки помогают быстро перейти к нужной услуге.

  3. 03
    Доверие

    История пространства, визуальные детали и реальные фотографии снимают ощущение безличного сервиса.

  4. 04
    Контакт

    Адрес, карта и способы связи собраны в финальном сценарии и доступны по ходу страницы.

Экран барбер-направления на лендинге «У Блуда»
Барбер-направлениеОтдельный визуальный акцент и понятная точка входа в услугу
Экран чайного направления на сайте «У Блуда»
Дополнительные направленияКаждый сценарий отделён визуально, но остаётся частью общей системы

Визуальная система

Noir-эстетика
без визуального шума

Дизайн сайта строится на контрасте почти чёрного фона, естественных оттенков кожи, металла и дерева. Крупная типографика задаёт характер, а спокойные интервалы сохраняют премиальную подачу и не отвлекают от контента.

#040403Graphite black
#5E5A54Ash
#493423Dark leather
#926D56Cognac
#3A4335Smoky olive
#982A22Oxblood red

Типографика

OswaldСИЛЬНЫЙ
ХАРАКТЕР
Акцентные заголовки и короткие сообщения
Manrope

Лаконичный гротеск для описаний, навигации и интерфейсных элементов. Читается спокойно и не спорит с выразительной фотографией.

Раздел о проекте на лендинге «У Блуда»
Фотография как часть навигации

Визуал не декорирует страницу, а помогает раскрыть автора, пространство и содержание каждого направления.

Интерфейс

Ключевые экраны
собраны в едином ритме

На странице чередуются крупные эмоциональные кадры, короткие смысловые блоки и функциональные элементы. Такой ритм удерживает внимание, но не превращает лендинг в бесконечную галерею.

«У Блуда» · полная страница
Полный макет лендинга «У Блуда» на Тильде
Полная композиция лендингаСмысловые переходы выстроены через масштаб, контраст и смену плотности контента.
01

Первый экран

Сразу передаёт характер проекта и не перегружает пользователя лишними обещаниями.

02

Направления

Услуги получают собственный образ, краткое описание и понятный переход к действию.

Раздел с адресом и картой на сайте «У Блуда»
Адрес и картаКонтактный сценарий завершает историю и помогает перейти от просмотра к визиту.
03

Контакт в нужный момент

Способы связи доступны после ключевых смысловых блоков и в финале страницы.

Адаптив и разработка

Мобильная версия —
самостоятельный сценарий

Компоновку не просто уменьшили под экран смартфона. Пересобрали последовательность контента, укрупнили зоны касания, сохранили контраст текста и вывели ключевые контакты в удобные точки маршрута.

Первый экран мобильной версии лендинга «У Блуда»
Первый экранПозиционирование и основной образ читаются без лишнего прокручивания.
Разделы о проекте и контактах в мобильной версии сайта «У Блуда»
О бренде и контактыТекст, карта и кнопки связи сохраняют читаемость на узком экране.
Полная мобильная версия сайта «У Блуда» на Тильде
Полная страницаВсе направления объединены в последовательный вертикальный маршрут.

Реализация

Собрали дизайн на Tilda и подготовили сайт к работе

  • Адаптивная версткапроверена на основных ширинах
  • Формы и контактыпонятные целевые действия
  • Базовая SEO-настройкаиерархия заголовков, метаданные и alt
  • Веб-аналитикаЯндекс Метрика и Google Tag Manager
TildaFigmaPhotoshopЯндекс МетрикаGoogle Tag Manager

Результат

Сайт с характером,
который не мешает действию

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

01

Единая подача

Несколько направлений воспринимаются как части одного бренда, а не как случайный набор услуг.

02

Понятная навигация

Посетитель последовательно знакомится с проектом и быстро находит нужный сценарий.

03

Готовность к трафику

Адаптивная версия, формы, контакты и аналитика подготовлены для запуска продвижения.

Отзыв клиентаНиколайзаказчик
«В итоге получился стильный сайт с характером, который точно передаёт настроение проекта».

Нужен сайт с собственной интонацией?

Обсудим задачу и предложим формат, который подходит вашему бренду

Made on
Tilda