First Tan: сайт оборудования с калькулятором выручки

Представить оборудование и косметику First Tan. Связать изучение продукта, ассортимент, интерактивный расчёт выручки и обращение к поставщику. Сохранить понятный путь на компьютере и телефоне.

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

В проекте First Tan мы связали презентацию продукта с последовательностью выбора: изучить оборудование, разобраться с предложением, изменить исходные параметры расчёта и перейти к обсуждению. Ниже рассказываем о решениях в структуре и интерфейсе. Финансовые результаты заказчика и рост числа продаж в этом кейсе не заявляем: подтверждённой сравнительной статистики у нас нет.

ЗАДАЧА: ОБЪЯСНИТЬ ПРОДУКТ И СЛЕДУЮЩЕЕ ДЕЙСТВИЕ

Сайт представляет оборудование и косметику First Tan. Для посетителя это связанные части предложения, но изучаются они по-разному. При выборе кабины важны внешний вид, устройство и применение; при выборе средства — назначение, характеристики и варианты продукта. Поэтому мы сохранили общий стиль и разделили содержание по задачам пользователя.

Отдельно потребовался интерактивный расчёт. Посетителю полезно увидеть, как меняется пример выручки при разных исходных условиях, прежде чем обсуждать оборудование с поставщиком. Расчёт должен был дополнять объяснение продукта и вести к предметному разговору.

РЕШЕНИЕ В СТРУКТУРЕ

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

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

Экран сайта First Tan: представление оборудования и его особенностей.

КАЛЬКУЛЯТОР КАК ЧАСТЬ ОБЪЯСНЕНИЯ

Калькулятор позволяет менять цену процедуры и количество процедур в день. Результат пересчитывается сразу и показывает пример выручки за разные периоды.

Например, при цене 3 000 ₽ и пяти процедурах в день получается 15 000 ₽ выручки за день и 420 000 ₽ за 28 дней. Это арифметический пример на выбранных условиях. В нём не учтены аренда, расходные материалы, зарплаты, налоги, обслуживание и другие затраты. Поэтому результат нельзя представлять как прибыль или обещание окупаемости оборудования.

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

Интерфейс калькулятора. Значения показывают пример выручки при выбранных параметрах, а не прибыль.

МОБИЛЬНЫЙ СЦЕНАРИЙ

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

Калькулятор должен оставаться понятным при касании: посетитель меняет параметры и видит обновлённый результат. Формы и прямые контакты поддерживают переход к обсуждению. Адаптация здесь важна не только для внешнего вида: она сохраняет весь путь выбора продукта на небольшом экране.

Презентационный макет мобильных экранов First Tan.

ЧТО РЕАЛИЗОВАНО

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

Проверяемым результатом является работающий интерфейс и реализованные сценарии. Изменение конверсии, стоимость привлечения клиента и рост выручки бизнеса требуют отдельной статистики; приписывать их самому факту разработки сайта было бы неверно.

КОМУ МОЖЕТ ПРИГОДИТЬСЯ ТАКОЙ ПОДХОД

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

В Smart Select AI мы начинаем с задачи бизнеса. Разрабатываем лендинги и сайты компаний с индивидуальным дизайном, каталогами, калькуляторами, CMS и согласованными интеграциями. На первом обсуждении помогаем определить формат и состав проекта, затем готовим предварительную оценку.