TIKKA — сайт автоцентра: визуал, поиск и своя админка
Сайт под ключ: от макета до админки, в которой владелец сам правит всё, что видит посетитель. Визуально это не шаблон — первый экран собран из анимированных сцен, карточки живут сами по себе и реагируют на курсор. Под этой обёрткой обычная рабочая машина: структура под поисковые запросы, поиск по услугам и прайсу, блог и заявки, которые видно и в панели, и в почте.
Проект открыт: tikka.pro — можно открыть и посмотреть своими глазами.
Как это выглядит
Что умеет продукт
- Анимированные сцены на первом экране и карточки, которые реагируют на курсор
- Поиск по услугам и прайсу: в ответе и услуга, и строка с ценой
- Своя страница под каждую услугу — под то, как её ищут в поиске
- Блог со статьями и перелинковкой на услуги
- Прайс правится из админки, без разработчика и без выкладки
- Админка с полным контролем: тексты, цены, услуги, статьи, фотографии
- Заявки собираются в админке и дублируются на почту
- Адаптив под телефон, карта проезда и Яндекс.Метрика с целями
Визуальный подход
Сайт не собран из готовой темы: первый экран — это анимированные сцены, между которыми страница переходит сама, а карточки услуг живут своей жизнью и реагируют на курсор. Интерактивная схема цикла работ идёт сама и останавливается там, где на неё навели, — её можно раскрыть и прочитать любой этап отдельно.
Всё это сделано без тяжёлых библиотек и не в ущерб скорости: анимации выключаются, если в системе включён режим уменьшенной анимации, а с телефона сайт открывается так же быстро, как с компьютера. Красивое, которое загружается пять секунд, работает против сайта.
SEO и блог
Структура собрана под то, как услуги ищут: не один раздел «Услуги» на всё, а отдельная страница под каждую услугу — со своим заголовком, своим текстом и своей ценой. Технически на каждой странице закрыто то, что смотрят поисковики: заголовки, описания, разметка, карта сайта, скорость и мобильная версия.
Блог — отдельная часть работы. Статьи пишутся под поисковые запросы, каждая ведёт на услугу, о которой в ней речь, а свежие материалы подтягиваются на главную. Так сайт собирает трафик по вопросам, которые задают до того, как выбрали исполнителя.
Поиск по услугам
На сайте с большим прайсом главная проблема посетителя — найти свою строку. Поэтому поиск на сайте ищет не по текстам страниц, а по услугам и прайсу сразу: человек пишет «замена масла» и в ответ получает и услугу, и строку с ценой, не переходя в каталог и не листая таблицу.
Поиск понимает сокращения и опечатки и подсказывает по ходу набора. Там, где цена зависит от машины, это написано прямо в ответе — вместе с кнопкой записи на диагностику, чтобы человек не уходил искать телефон.
Админка и заявки
Админка — полноценная часть проекта, а не приложение к сайту. Из неё правится всё, что видит посетитель: тексты и заголовки, услуги и цены, статьи блога, фотографии, контакты и режим работы. Ничего из этого не требует нас: поменять цену или добавить услугу — работа на минуту, без выкладки и без разработчика.
Заявки с сайта приходят в ту же админку: видно, кто оставил, когда, с какой страницы и что именно просил. Каждая заявка параллельно уходит письмом на почту — чтобы её увидели и в тот день, когда в панель никто не заходил. Статусы у заявок свои, так что панель работает и как простой журнал обращений.
Как это устроено
- 1 Витрина Фронтенд написан руками, без конструктора и без готовой темы: сцены, переходы и карточки — свои
- 2 Структура На каждую услугу своя страница с заголовком под то, как эту услугу ищут, и с ценой на ней
- 3 Поиск Поиск по услугам и прайсу отвечает и услугой, и строкой с ценой — без перехода в каталог
- 4 Блог Статьи под поисковые запросы, с перелинковкой на услуги и разметкой для поиска
- 5 Заявка Форма падает в админку и дублируется письмом на почту — заявка не теряется, даже если в панель не заходили
На чём собрано
Нужно похожее?
Расскажите, что у вас происходит сейчас. Разбор задачи и оценка — бесплатно и ни к чему не обязывают.