Задача:
Создать многостраничный сайт с адаптивной версткой на Тильде для юридического центра Марии Леонтьевой.
Цель:
Ознакомить посетителей сайта с услугами юридического центра и привлечь аудиторию к заполнению формы обратной связи для получения дальнейшей консультации юристами компании.
Реализация:
Реализация проекта осуществлялась на базе заранее подготовленных и согласованных с клиентом этапов с описанием действий, промежуточных результатов, зон ответственности.
Этап 1. Сбор смыслов и прототипирование сайта
На первом этапе совместно с Заказчиком мы определили количество необходимых страниц сайта. Запросили экспертный контент по услугам юридического центра. Проанализировали имеющийся контент, изучили исходные данные и соцсети Марии, аналоги центра на предмет подачи смыслов целевой аудитории через смыслы и дизайн.
В итоге превратили массив информации в структурный продукт в виде смыслового прототипа будущего сайта по всем страницам, который раскрыл верные смыслы, ценности, акценты.
У нас получилось 5 основных страниц — главная и страницы четырех услуг:
В прототипе мы продумали взаимодействие пользователя с сайтом, проработали разделы и последовательность блоков, подготовили тексты под цели и задачи центра. Предоставили Заказчику прототипы на утверждение, внесли некоторые корректировки и утвердили прототипы.
Создать многостраничный сайт с адаптивной версткой на Тильде для юридического центра Марии Леонтьевой.
Цель:
Ознакомить посетителей сайта с услугами юридического центра и привлечь аудиторию к заполнению формы обратной связи для получения дальнейшей консультации юристами компании.
Реализация:
Реализация проекта осуществлялась на базе заранее подготовленных и согласованных с клиентом этапов с описанием действий, промежуточных результатов, зон ответственности.
Этап 1. Сбор смыслов и прототипирование сайта
На первом этапе совместно с Заказчиком мы определили количество необходимых страниц сайта. Запросили экспертный контент по услугам юридического центра. Проанализировали имеющийся контент, изучили исходные данные и соцсети Марии, аналоги центра на предмет подачи смыслов целевой аудитории через смыслы и дизайн.
В итоге превратили массив информации в структурный продукт в виде смыслового прототипа будущего сайта по всем страницам, который раскрыл верные смыслы, ценности, акценты.
У нас получилось 5 основных страниц — главная и страницы четырех услуг:
- взыскание долгов
- оспаривание кадастровой стоимости объектов недвижимости
- сопровождение сделок с недвижимостью
- семейные споры
В прототипе мы продумали взаимодействие пользователя с сайтом, проработали разделы и последовательность блоков, подготовили тексты под цели и задачи центра. Предоставили Заказчику прототипы на утверждение, внесли некоторые корректировки и утвердили прототипы.
Этап 2. Разработка дизайна страниц сайта в Figma
Мы собрали референсы стилистики будущего сайта и референсы для фотосессии Марии к новому сайту, чтобы в итоговом дизайне сочетались и дизайн и фото контент.
На первом этапе мы разработали дизайн главной страницы в Figma по утвержденному смысловому прототипу, соблюдая пожелания Марии по цветовой палитре и шрифтам. Презентовали готовый дизайн главной страницы, представляли свое видение, аргументировали решения. Внесли некоторые корректировки по цветовым решениям в блоках с формой обратной связи. Утвердили макет и перешли к разработке следующих дизайн макетов. Вот что у нас получилось.
Дизайн главной страницы в Figma:
Мы собрали референсы стилистики будущего сайта и референсы для фотосессии Марии к новому сайту, чтобы в итоговом дизайне сочетались и дизайн и фото контент.
На первом этапе мы разработали дизайн главной страницы в Figma по утвержденному смысловому прототипу, соблюдая пожелания Марии по цветовой палитре и шрифтам. Презентовали готовый дизайн главной страницы, представляли свое видение, аргументировали решения. Внесли некоторые корректировки по цветовым решениям в блоках с формой обратной связи. Утвердили макет и перешли к разработке следующих дизайн макетов. Вот что у нас получилось.
Дизайн главной страницы в Figma:
Страницы услуг:
Этап 3. Адаптивная верстка многостраничного сайта.
Создали аккаунт на Тильде. Готовый дизайн страниц сайта сверстали на Тильде, собрали страницы в zero блоках, добавили код, адаптировали страницы под все разрешения, добавили анимацию. Дополнительно сделали страницу благодарности.
В результате получили готовый рабочий адаптивный многостраничный сайт по утвержденному на предыдущем этапе дизайну с подключенными формами связи и протестированный на работоспособность, с заполненными кейсами и отзывами.
Создали аккаунт на Тильде. Готовый дизайн страниц сайта сверстали на Тильде, собрали страницы в zero блоках, добавили код, адаптировали страницы под все разрешения, добавили анимацию. Дополнительно сделали страницу благодарности.
В результате получили готовый рабочий адаптивный многостраничный сайт по утвержденному на предыдущем этапе дизайну с подключенными формами связи и протестированный на работоспособность, с заполненными кейсами и отзывами.
Посмотреть сайт: leonteva-urist.ru
