1) Мы связались с Андреем, в процессе обсуждения задач по созданию сайта, я узнала, что у Андрея уже есть сайт, но он был сделан довольно давно (7 лет назад) и уже морально устарел, также у заказчика было желание перенести сайт со старой неудобной платформы на современную и удобную Тильду для оптимизации работы сайта, возможности качественно обновить дизайн и возможности вносить самостоятельные изменения в сайт со временем. (скрин первого блока старого сайта ниже)
о проекте:
Определили, какие задачи должен решать сайт, а именно: понятно раскрывать ценности продукта, подводя пользователей к покупке, а также служить имиджевым инструментом. Трафик (потенциальные лиды/заявки) на сайт направляются из социальных сетей Андрея, где он ведет блог, а также из контекстной и таргетированной рекламы, поэтому важно было учесть особенности каждого метода и подготовить сайт с учетом его работоспособности для этих источников.
2) После оценки сайта, анализа старого сайта / конкурентов / целевой аудитории и подписания договора, мы с командой приступили к разработке. У заказчика уже были готовы хорошие тексты с маркетинговой проработкой, поэтому их мы и решили взять за смысловую основу и сразу приступить к дизайну сайта.
3) Дизайн решили делать в светлых тонах и пастельных цветах - это нейтральное решение, чтобы держать фокус внимания пользователя на смыслах сайта. Кнопки намеренно сделали крупными, добавили актуальные фотографии заказчика и автора курса на сайт.
Одной из технических особенностей, которые мы внедрили на сайт, стал таймер обновления программы обучения. Так как Андрей часто обновляет и дополняет материалы курса, чтобы они оставались актуальными и становились лучше и лучше, заботясь о своей аудитории. Также мы разместили на сайт огромное количество отзывов в текстовом и видео формате, которые не так просто долистать до конца :)
4) После утверждения десктопа (компьютерной версии сайта), мы приступили к адаптации сайта под другие устройства (телефон, планшет, ноутбук), чтобы сайт одинаково ровно и красиво смотрелся на экранах с разными разрешениями. Затем настроили формы для заявок на почту, добавили видео, настроили базовое SEO, фавиконы, подключили домен, SSL-сертификат, индексацию в поисковиках Яндекс и Google, подключили Яндекс.метрику и ВК пиксель, добавили переадресацию на систему оплаты курса и на рассрочку, настроили таймер, создали технические страницы (политика конфиденциальности, страница ошибки 404, страница благодарности).
5) Также отдельно была сделана страница для публикации статей (блог) для лучшего SEO-продвижения (ее скриншот я также показываю ниже, под скриншотом основного лендинга).
6) По мере работы над сайтом, вносили в него различные корректировки и довели сайт до идеала, чтобы заказчик и Ц.А. (целевая аудитория) остались полностью довольны (отзыв заказчика прикрепила внизу статьи).
7) И конечно же, я подготавливала подробные видео-инструкции, как пользоваться сайтом, и сейчас также остаюсь на связи. Всегда помогаю и консультирую своих заказчиков даже после завершения проектов :)
Это был наш первый сайт для Андрея, который послужил началом дальнейшего сотрудничества в работе над следующими сайтами.
пример видео-инструкции: