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