Портфолио/кейсы

Нажмите для просмотра

Одностраничные сайты
Посмотрите на#nbsp;сайт ЗДЕСЬ

Цели и назначение сайта:

—#nbsp;Основная цель#nbsp;— привлечь новых клиентов, повысить узнаваемость своих юридических услуг в#nbsp;регионе. Сайт должен выполнять функции визитки и#nbsp;источника информации обо мне как о#nbsp;юристе.

—#nbsp;Целевая аудитория#nbsp;— физические лица, нуждающиеся в#nbsp;юридической помощи по#nbsp;вопросам жилищного права, семейного права, наследства, трудовых споров.

Структура сайта:

—#nbsp;Главная

—#nbsp;Обо мне

—#nbsp;Услуги (описание основных направлений работы)

—#nbsp;Прайс (стоимость типовых услуг)

—#nbsp;Почему я

—#nbsp;Контакты

—#nbsp;Форма заявки на#nbsp;консультацию

Функционал сайта:

—#nbsp;Форма заявки/записи на#nbsp;консультацию

—#nbsp;Отображение моих контактов, графика работы, карты

Контент сайта:

—#nbsp;Информация обо мне, образование, опыт.

—#nbsp;Описания оказываемых услуг

—#nbsp;Фотографии дипломов, сертификатов

—#nbsp;Мои фотографии или аватар

Технические требования:

—#nbsp;Адаптивный дизайн (удобство просмотра с#nbsp;мобильных устройств)

—#nbsp;Интеграция форм на#nbsp;сайте с#nbsp;почтовым сервисом для получения заявок клиентов

Дизайн сайта:

—#nbsp;Предпочтительные цвета#nbsp;— синий, белый.

—#nbsp;Шрифты#nbsp;— простые и#nbsp;строгие без засечек

—#nbsp;Стиль#nbsp;— минимализм или геометрические формы

Сроки и#nbsp;бюджет:

—#nbsp;Срок разработки#nbsp;— 1,5−2 месяца

—#nbsp;Бюджет#nbsp;— до#nbsp;__ тысяч рублей

—#nbsp;Дальнейшее наполнение контентом и#nbsp;актуализация информации мною самостоятельно
После проведённого, собеседования с#nbsp;заказчиком, я#nbsp;отметил у#nbsp;него искреннюю черту характера,#nbsp;— это забота и#nbsp;желание помочь, плюс сосредоточенность на#nbsp;клиенте! И#nbsp;я#nbsp;решил отдельно это подчеркнуть цитатами и#nbsp;тезисами, ниже первого экрана, обратить на#nbsp;это эти замечательные качества внимание посетителей сайта.

Стоит отметить некоторые этапы взаимодействия:

1.Контент:
Поскольку мне на#nbsp;опыте известны некоторые особенности поведения пользователей на#nbsp;сайте, и#nbsp;общие тенденции к#nbsp;«Быстрому потреблению контента», и#nbsp;чтобы облегчить восприятие необходимо четко структурировать текст,#nbsp;— разбить на#nbsp;абзацы, блоки, Выделить заголовки (что особенно важно, по#nbsp;заголовкам можно быстро найти нужный раздел, не#nbsp;вчитываясь в#nbsp;весь документ).
Современный пользователь предпочтёт тот сайт где можно легко и#nbsp;быстро ориентироваться, где будет логично размещена информация. И#nbsp;такая проработка это задача и#nbsp;маркетолога и#nbsp;копирайтера и#nbsp;дизайнера.
Ниже покажу несколько скриншотов иллюстрирующих то#nbsp;как мы#nbsp;редактировали и#nbsp;правили контент в#nbsp;обычном блокноте пересылая друг другу исправленные файлы.

2.К дизайну
Разобравшись с#nbsp;частью контента приступаем к#nbsp;дизайну.
Начинаю работу над прототипом, это черно белый вариант сайта. умышлено лишённый декоративного оформительства.- цвета, картинок и#nbsp;шрифта. Поскольку декоративные элементы призваны всего лишь.- помочь, направить подчеркнуть, акцентировать, то#nbsp;очень хорошо на#nbsp;этапе прототипирования создать такой вариант, который будет максимально ясным доходчивым и#nbsp;понятным, без украшательств.
К#nbsp;тому#nbsp;же на#nbsp;этом этапе гораздо заметнее где нужны правки, сколько контента нужно подготовить,#nbsp;— это очень важный этап.
Для примера, как это может выглядеть:

Следующий или параллельный этап.- это изучение сайтов коллег и#nbsp;конкурентов, поиск референсов. В#nbsp;общем то#nbsp;анализ рынка выполняется с#nbsp;самого начала и#nbsp;с#nbsp;продвижением по#nbsp;проекту, это понимание только углубляется.
Я#nbsp;изготовил дизайн начальных экранов, записал видеопрезентацию с#nbsp;обоснованиями своих решений, и#nbsp;отправил сначала видео. а#nbsp;за#nbsp;тем и#nbsp;скриншот.
Вот он:
Очень, клиент просил внести правки чтобы увидеть разницу, я#nbsp;согласился и#nbsp;сделал несколько, сразу хочу сказать что в#nbsp;последствии мы#nbsp;приблизились к#nbsp;этому первому варианту, внеся лишь незначительные коррективы)
Вот варианты:

Интересный приём работы с#nbsp;контентом
Вот решение для того что#nbsp;бы разместить большой объём биографии и#nbsp;при этом не#nbsp;испугать пользователя! Я#nbsp;решил использовать несколько способов открыть дополнительную информацию, для того кто в#nbsp;ней заинтересуется и#nbsp;захочет изучить, более подробно.
Я#nbsp;стрелками указал кнопки для открытия контента
И#nbsp;далее следующая ступень,#nbsp;— можно по#nbsp;очереди открывать нужные разделы
Иллюстрации
Тема иллюстраций важна и#nbsp;интересна. А#nbsp;именно:
  1. Если использовать чужие изображения, не#nbsp;получив на#nbsp;это права (иногда узнать как получить право на#nbsp;использование вовсе не#nbsp;возможно, однако это не#nbsp;значит, что изображения можно использовать),#nbsp;— можно получить существенный штраф за#nbsp;незаконное использование чужой собственности.
  2. Если использовать стоковые изображения,#nbsp;— то#nbsp;поисковые системы задвигают такие сайты куда подальше.
Дилемма решается изготовлением авторских иллюстраций для конкретного сайта!
Я#nbsp;создаю необходимые иллюстрации,#nbsp;— иконки в#nbsp;одном, подобранном стиле под общую концепцию сайта, и#nbsp;другие необходимые изображения.
Вот что я#nbsp;изготовил для этого сайта, я#nbsp;показал для наглядности стрелочками:
Ниже фоновые изображения для карточек

В#nbsp;заключении проекта
Вёрстка и#nbsp;адаптация сайта на#nbsp;платформе Тильда, первичная СЕО оптимизация, настройка и#nbsp;подключение, домена, настройка и#nbsp;подключение форм обратной связи. Передача заказчику, плюс запись видео инструкций по#nbsp;управлению сайтом.
Все нюансы вряд#nbsp;ли имеет смысл описывать)
Посмотрите на#nbsp;сайт ЗДЕСЬ

Посмотрите отзыв Сергея Михайловича

Личная страница#nbsp;ВК юриста Серикова#nbsp;С.#nbsp;М. здесь. Я#nbsp;со#nbsp;своей стороны могу рекомендовать Сергея Михайловича, как человека отзывчивого внимательного, вдумчивого и#nbsp;справедливого,#nbsp;— это превосходные качества для его профессиональной деятельности, я#nbsp;бы к#nbsp;нему смело обращался за#nbsp;консультацией и#nbsp;другми юридическими услугами
Больше отзывов здесь.

Спасибо за просмотр!