DOFAMIN
сайт АСМР-студии

/01задача

/02роль и рамки

/03как шла работа

1. 01

   Бриф и ресёрч

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

2. 02

   Структура и направление

   Структура сайта и визуальное направление переведено с реальных носителей студии: ночной фиолет, лаванда, свечной янтарь. Без неона и заезженных стилистических приёмов. Выход: утверждённая клиентом дизайн-система.заказчица просила фиолетовые оттенки — как в студии

3. 03

   Сборка сайта по принципу code-first

   Заказчику не нужен Figma-макет. Ему нужен сайт. Сразу создаю токены и компоненты, из них верстаю страницы сайта. Выход: 18 страниц для согласования по живой ссылке.

4. 04

   Правки, запуск и настройка

   Рабочая версия сайта готова через четыре дня после брифа. Пакет правок клиентки внесён за два дня и согласован с одного захода. Выход: за 11 дней сайт запущен на домене студии — вместе с админкой контента, чтобы актуальность контента на сайте Кристина могла поддерживать сама.

/04ключевые решения

Сайт, который не создаёт клиенту правовых проблем

Было: тексты в соцсетях и отзывах создают риски нарушения законодательства для владельца бизнеса в сфере немедицинских услуг (неподходящие термины и обещания результата).

Стало: все тексты переписаны через «что происходит на сеансе», без обещаний эффекта. Отзывы редактировать нельзя, поэтому тщательно отобрали и опубликовали только прошедшие правовой фильтр. Символика запрещённых площадок снята целиком.

Почему так: за сайт отвечает владелец бизнеса. Риски лучше предусмотреть, чем разбираться с последствиями.

почему свой код

Быстрый сайт без конструкторов

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

Мой подход: свой код, небанальная вёрстка, экран главной открывается за 2 секунды даже на 4G.

Почему так: сайт-визитка обязан мгновенно открываться с любого устройства и при этом выделяться среди конкурентов.

каталог сеансов

/05работа с правками

1. 01

   Структурная: каталог целиком на главную

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

2. 02

   Текстовая: авторские тексты заказчика

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

3. 03

   Тонкая: анимации

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

/06результат