Для кого?
Яхад — это еврейское молодёжное комьюнити с 50 клубами в 8 странах, которое создаёт образовательные и развлекательные проекты, от благотворительности до путешествий.
Фотографии из поездок, которые организовывает Яхад для участников клуба.
Комьюнити активно росло и ему требовался редизайн, как графической, так и цифровой части. Визуальный стиль не был консистентен и устарел, появились новые проекты, которые необходимо в единой стилистике связать с брендом. Сначала создали новый гайдлайн, где был переосмыслен весь бренд — почитать об этом на vc.ru. После этого приступили к работе над актуализацией сайта (часть проекта, которая еще не реализована под NDA, но я могу рассказать о том, что уже опубликовано).
Какие проблемы решали
Макет старого сайта
Карта сайта
Основные проблемы старого сайта:
- Все проекты разрозненны и лежат на разных платформах - Битрикс, Webflow, Tilda, это путает и затрудняет работу, сложно настроить лиды и единую CRM.
- Сайт не соответствует новому гайдлайну, появились новые графические элементы и цвета, не соблюдена консистентность.
- Хотелось добавить сайту дружелюбности + использовать собственные фотографии, а не фото со стоков.
Что хотели сохранить - типографику с акцентным Stihger Fit + пара букв в курсиве, это подчёркивает «серьёзную несерьёзность» Яхад, которая в своём tone of voice общается с аудиторией на «ты».
Чтобы не тратить на реализацию слишком много времени после обсуждения с командой маркетинга было решено делать MVP продукта, работать итерационно, и дорабатывать сайт в дальнейшем по этапам.
Сначала я провела сравнительное исследование, чтобы понять какие есть интересные решения у других компаний в нашей сфере, итоги обсудили с командой Яхад. На основе этого я составила референсы, структуру и прототип, после небольших контентных правок приступила к макетам.
Конкурентный анализ с разбором удачных и не очень решений
В начале работы команда разработки ещё не была собрана и мне приходилось совмещать роли дизайнера и проджект-менеджера. Я искала аутсорс, выстраивала план работы, составляла ТЗ, ревьюила и давала обратную связь разработчикам. Конечно же были свои сложности, так как я впервые была в такой роли, но я получила полезный опыт.
Пример одной из задач для копирайтера, с указанием куда нужен текст, о чём и сколько символов
Пример комментариев для разработчиков о механике элементов, как показаны и куда ведут
Редизайн сайта
Проекты полностью переверстали, перенесли с Тильды на Битрикс и перенастроили формы связи, связав с Б24, чтобы колл-центр автоматически получал лиды.
Макет +адаптивы на 4 разрешения экранов (под резиновую вёрстку)
Часть ui-kit и карточки для слайдера
Внутренние страницы
Вариативные страницы событий и адаптив
Возникла дополнительная задача - продумать систему донатов с реккурентными платежами и шаблон письма с благодарностью за поддержку Яхад.
Сначала я провела исследование механики на других сайтах - как это реализовано, это разовый платёж или подписка, каким эквайрингом чаще всего пользуются. Под каждым скрином расписаны плюсы и минусы решения.
Разбор флоу аналогичных сервисов
Сценарии разового доната и подписки на пожертвования. Для того чтобы лучше понимать сценарий отмены рекуррентного платежа взяли небольшой бюджет и задонатили в несколько разных благотворительных фондов - и доброе дело сделали, и нам полезно, мы прошли весь цикл платежей.
Подготовили макет для разработчиков с указаниями и анимациями + макет письма с благодарностью
Благодаря редизайну мы смогли улучшить конверсию, собрать все отдельные проекты в одном сайте, облегчили жизнь ребятам из call центра, так как теперь все лиды упорядочены и находятся в одной CRM.
Made with Bullet