Сайт на Тильде под ключ для юридического агентства PRAVO.DETAILS
[ Текст + UX/UI дизайн + Tilda ]
задача
Понятно рассказать про услуги агентства
с призывом записаться на консультацию
с призывом записаться на консультацию
юридическая ниша
Сайт-визитка для юридического агентства PRAVO.DETAILS
Агентство оказывает комплексные услуги для экспертов, онлайн школ и бизнеса — от консультаций до полного сопровождения
Агентство оказывает комплексные услуги для экспертов, онлайн школ и бизнеса — от консультаций до полного сопровождения
Инструменты и сервисы
Дизайн: Figma
CMS: Tilda
CMS: Tilda
Глубокое исследование ниши
[ работа со смыслами ]
Маркетинговый анализ
Разобрала на атомы голосовушки, соц. сети, референсы и весь материал от Екатерины
Исследовала сайты конкурентов с точки зрения качества UX/UI и текстов, чтобы понять, за счет чего можно отсроиться и какие у конкурентов слабые места
Слабые места конкурентов в UX/UI:
— устаревший дизайн
— сложная навигация
— перегружены разделы с услугами
— кнопки сливаются с фоном и путают посетителя сайта
— плохой адаптив
Проблемы с текстами:
— сложно написан текст, много терминов
— информация, которая влияет на принятие решения не раскрыта
Провела анализ ЦА и продумала карту сайта
Исследовала сайты конкурентов с точки зрения качества UX/UI и текстов, чтобы понять, за счет чего можно отсроиться и какие у конкурентов слабые места
Слабые места конкурентов в UX/UI:
— устаревший дизайн
— сложная навигация
— перегружены разделы с услугами
— кнопки сливаются с фоном и путают посетителя сайта
— плохой адаптив
Проблемы с текстами:
— сложно написан текст, много терминов
— информация, которая влияет на принятие решения не раскрыта
Провела анализ ЦА и продумала карту сайта
Текст и прототип
Поработала с текстом, доработала заголовки, сократила лишнее и переписала сложные формулировки
Разработала подробный прототип, который понятно и последовательно рассказывает о преимуществах и услугах данного агентства
Разработала подробный прототип, который понятно и последовательно рассказывает о преимуществах и услугах данного агентства
Дизайн-концепция
[ работа с ВИЗУАЛОМ ]
Дизайн-концепция
Пожелание Екатерины — дизайн должен быть современным, с использованием плашек и в основе иметь цвет капучино
Получился спокойный в меру современный сайт. Ничего лишнего на главной. Сами страницы — легкие для восприятия, ничего не отвлекает от целевого действия
Получился спокойный в меру современный сайт. Ничего лишнего на главной. Сами страницы — легкие для восприятия, ничего не отвлекает от целевого действия
Основной акцент
Основной акцент сделан на компетентности и опыте Екатерины, как основателя агентства
Оформила несколько блоков про неё, добавила фотографии и цитаты, которые отражают её подход к работе. Это располагает к себе и вызывает доверие. А также оформила весь архив её публикаций на отдельной странице
Для удобства восприятия в блоке про образование — пользователя сопровождают иконки. В дизайне достаточно воздуха, чтобы пользователю было комфортно изучать информацию про агентство
Оформила несколько блоков про неё, добавила фотографии и цитаты, которые отражают её подход к работе. Это располагает к себе и вызывает доверие. А также оформила весь архив её публикаций на отдельной странице
Для удобства восприятия в блоке про образование — пользователя сопровождают иконки. В дизайне достаточно воздуха, чтобы пользователю было комфортно изучать информацию про агентство
Перенос дизайна на Tilda
[ вёрстка сайта ]
Вёрстка сайта
Фактоиды на мобильной версии я расположила в формате бегущей строки, чтобы они не дали заскучать посетителю в первые секунды нахождения на сайте
Все услуги и публикации имеют большую область нажатия. Карточки с ключевыми услугами имеют контрастный цвет для привлечения внимания
Кнопки перенаправляют на попап страницы для более подробного изучения и покупки
Информация с названиями университетов скрыта в тултипы, чтобы не перегружать блок. При наведении пользователь может прочитать эти данные
Все услуги и публикации имеют большую область нажатия. Карточки с ключевыми услугами имеют контрастный цвет для привлечения внимания
Кнопки перенаправляют на попап страницы для более подробного изучения и покупки
Информация с названиями университетов скрыта в тултипы, чтобы не перегружать блок. При наведении пользователь может прочитать эти данные
Настроила легкую анимацию на главной странице для небольшой динамики, чтобы удерживать внимание посетителя сайта, но при этом не отвлекать
Анимация
Функционал
Уведомления о новых заявках приходят на почту агентства и в telegram. Также подключила виджет на главной странице сайта с переходом в telegram или whatsapp для быстрой связи
Для расширенной аналитики к сайту подключила Яндекс. Метрику и Вебвизор
Для расширенной аналитики к сайту подключила Яндекс. Метрику и Вебвизор
Мобильная версия
Большинство клиентов приходит с социальных сетей, поэтому дизайн адаптирован для экранов мобильных устройств с сохранением анимации
Понятный и удобный сайт
[ результат ]
Результат
Аккуратный сайт, максимально понятный и удобный в использовании. Текст логично и последовательно рассказывает про агентство
Четкая структура доводит пользователя до оформления заявки на консультацию
В процессе работы восхитилась основателем агентства — Екатериной, которая более 20 лет предана своему делу и продолжает в нем профессионально расти 🔥
Четкая структура доводит пользователя до оформления заявки на консультацию
В процессе работы восхитилась основателем агентства — Екатериной, которая более 20 лет предана своему делу и продолжает в нем профессионально расти 🔥
