Объяснить продукт без лишнего текста
Показать формат мини-боксов через понятные сценарии использования, размеры и визуальные примеры.
Сайт сервиса хранения · MINI-BOX
САЙТ ДЛЯ
СЕРВИСА
ХРАНЕНИЯ
Спроектировал сайт MINI-BOX так, чтобы пользователь не изучал услугу как каталог, а быстро понял формат хранения, выбрал подходящий размер бокса и перешёл к бронированию.
МИНИ-БОКС.РФTILDA / LIVE
01Общий макет проектаDesktop + mobile / overview
МИНИ-БОКС.РФ / WEBSITE OVERVIEWDESKTOP + MOBILE
01 / Задача
Превратить простую аренду бокса в понятный digital-сервис.
Услугу хранения сложно оценить по одному фото помещения. Пользователю нужно сразу понять, что поместится в бокс, где он находится, насколько безопасно хранение и как быстро начать аренду.
Сократить путь до выбора
Размер, локация и доступность должны вести пользователя к конкретному боксу, а не в длинную консультацию.
Собрать доверие вокруг услуги
Доступ 24/7, безопасность, индивидуальный ключ, понятные условия и ответы на вопросы встроены в сценарий страницы.
02 / Визуальная система
Спокойный сервисный дизайн с одним ярким акцентом
Светлая база, графичные иллюстрации и кислотно-салатовый акцент помогают сделать хранение визуально лёгким и не превращать сайт в типичный складской лендинг.
02Первый экран сайтаDesktop viewport / hero / география
HOME / FIRST SCREENDESKTOP
Светлая базаМного воздуха и простой фон держат фокус на продукте и выборе.
Графика вместо стоковИллюстрации объясняют сценарии и создают узнаваемый визуальный язык.
Акцентный лаймЦвет работает на CTA, выбранные состояния и важные смысловые блоки.
Крупная типографикаКороткие заголовки позволяют быстро сканировать длинную страницу.
Страница ведёт от проблемы к бронированию
Контент собран не по принципу «расскажем всё о компании», а вокруг вопросов, которые возникают у человека перед арендой места для хранения.
01Потребность→
02Размер→
03Локация→
04Условия→
05Доверие→
06Бронь→
03 / Интерфейс
Каждый блок отвечает на конкретный вопрос пользователя
Вместо однотипных секций — разные композиции под выбор размера, преимущества, доступные боксы, FAQ и заявку.
03Выбор размера S / M / LКарточки размеров / описание / CTA
PRODUCT / BOX SIZESCHOICE
Размер имеет значение
Не квадратные метры, а понятный объём вещей
S, M и L переводят технический размер бокса в сценарий: коробки, одежда, шины, велосипед, мебель или склад для бизнеса.
S / компактное хранение
M / вещи + инвентарь
L / мебель + объём
Переход к бронированию
Преимущества
Доверие собирается до формы заявки
Ключевые условия не спрятаны в договоре: пользователь заранее видит доступ 24/7, безопасность, индивидуальный ключ и варианты хранения.
Доступ 24/7
Охрана и видеонаблюдение
Индивидуальный ключ
Холодное / тёплое хранение
04Блок преимуществDesktop / advantages / illustrations
TRUST / ADVANTAGESSERVICE
Адаптивность
Мобильная версия — не уменьшенный desktop
На телефоне сохраняется логика выбора и крупные CTA, а длинные композиции перестраиваются в вертикальный сценарий без потери визуальной иерархии.
05Мобильная версияHero / размеры / преимущества
RESPONSIVEMOBILE
06FAQ + формаВозражения / заявка / обратный звонок
FAQ / LEAD FORMCONVERSION
04 / Сценарий выбора
Бронирование начинается ещё до кнопки «забронировать»
До целевого действия пользователь уже понимает, какой формат ему нужен, какие условия получит и почему сервис подходит именно под его задачу.
Понимает сценарий
Переезд, ремонт, сезонные вещи, спорт, мебель или товары для бизнеса.
Сравнивает размер
Карточки S / M / L дают ориентир по площади, объёму и типу вещей.
Проверяет условия
Доступ, безопасность, температурный режим и расположение снимают основные возражения.
Переходит к брони
CTA ведёт к выбору доступного бокса или к заявке на консультацию.
07Выбор / бронирование боксаЭкран доступности или сценарий брони
BOOKING / AVAILABLE BOXESCONVERSION
05 / Контент и локальный спрос
Сайт объясняет услугу и одновременно работает под локальный поиск
Королёв и Мытищи встроены в пользовательский сценарий, а не добавлены отдельным SEO-текстом в подвале. Размеры, условия, FAQ и сценарии хранения дают поиску содержательный контекст страницы.
КоролёвЛокация и пользовательский спрос↗
МытищиЛокация и пользовательский спрос↗
FAQОтветы на реальные вопросы до заявки+
РазмерыКоммерческий интент и выбор продукта+
08Локации / контакты / картаКоролёв + Мытищи / local intent
LOCAL / CONTACTSGEO
06 / Реализация
Дизайн, сборка и базовая SEO-логика — в одной работе.
Платформа
TildaZero BlockHTML / CSSCustom code
Дизайн
Figma12-column gridResponsiveUI kit
Контент
Product copyFAQCTA logicGeo content
SEO
Search intentTitle / H1Local semanticsInternal structure
Конверсия
Box choiceOnline bookingCallbackWhatsApp
Структура проекта остаётся редактируемой внутри Tilda, при этом отдельные нестандартные элементы можно усиливать кастомным HTML/CSS без пересборки всего сайта.
Моя роль — весь сайт от логики до публикации.
Кейс объединяет стратегию страницы, прототип, визуальную систему, адаптивы, сборку на Tilda и работу с поисковым представлением проекта.
01Анализ услуги и сценария
02Структура / прототип
03UI / визуальная система
04Адаптивный дизайн
05Сборка на Tilda
06SEO / запуск / доработка
07 / Результат
Сайт не просто показывает боксы — он помогает выбрать и начать аренду.
Размеры и сценарии хранения переводят абстрактные квадратные метры в конкретную бытовую задачу.
Пользователь несколько раз встречает релевантный CTA: выбрать бокс, забронировать онлайн или заказать звонок.
Desktop и mobile сохраняют характер бренда, иерархию и узнаваемую систему иллюстраций.
Нужен сайт, который приводит к действию?
Спроектирую логику, дизайн и соберу всё в рабочий сайт.
MINI-BOX
