Трансформация личности
Многостраничный сайт психолога Юлии Говголенко
Трансформация личности
Многостраничный сайт психолога Юлии Говголенко
С чего началась задача
С чего началась
задача
Как сделать так, чтобы человеку было не страшно сделать первый шаг?
Юлия Говголенко — квалифицированный психолог и преподаватель психологии. Ей нужен был сайт, который одновременно выполнял бы несколько задач.
Как сделать так, чтобы человеку было не страшно сделать первый шаг?
Юлия Говголенко —квалифицированный психолог
и преподаватель психологии. Ей нужен был сайт, который одновременно выполнял бы несколько задач.
С одной стороны, он должен был показать профессиональную квалификацию, образование, опыт и направления работы. С другой — передать то, что сложно описать одним регалием: мягкость, безопасность, открытость и ощущение, что рядом находится человек, которому можно довериться.
С одной стороны, он должен был показать профессиональную квалификацию, образование, опыт
и направления работы. С другой — передать то, что сложно описать одним регалием: мягкость, безопасность, открытость и ощущение, что рядом находится человек, которому можно довериться.
Сайт также должен был стать понятным инструментом: человек должен был быстро разобраться, какой формат работы ему подходит, получить ответы на основные вопросы и выбрать удобный способ связи.
Сайт также должен был стать понятным инструментом: человек должен был быстро разобраться, какой формат работы ему подходит, получить ответы на основные вопросы и выбрать удобный способ связи.
При этом сайт не должен был превращаться в подробную биографию.
Поэтому изначально я:
При этом сайт не должен был превращаться в подробную биографию. Поэтому изначально я:
Cосредоточился на преобразовании необходимого позиционирования в единую визуальную систему
Cосредоточился на преобразовании необходимого позиционирования в единую визуальную систему
Первые выводы, изменившие
подход к задаче
Первые выводы,
изменившие
подход к задаче
На начальных стадиях подготовки стало ясно, что информации, которую необходимо разместить на сайте в разы больше, чем предполагалось.
Однако приступив к изучению сферы психологии выявилась куда более сложная и требующая внимания проблема.
На начальных стадиях подготовки стало ясно, что информации, которую необходимо разместить на сайте в разы больше, чем предполагалось.
Однако приступив к изучению сферы психологии выявилась куда более сложная и требующая внимания проблема.
Человек впервые приходит на сайт психолога не просто за информацией. Он может сомневаться, не понимать, с чего начать, не знать, насколько подробно рассказывать о своей ситуации и даже испытывать тревогу из-за самого первого обращения.
Человек впервые приходит на сайт психолога не просто за информацией. Он может сомневаться, не понимать, с чего начать, не знать, насколько подробно рассказывать о своей ситуации и даже испытывать тревогу из-за самого первого обращения.
Поэтому основная задача собрать всю информацию о
психологе под одной крышей в единой визуальной системе обрела совершенно новую, более основательную форму:
Поэтому основная задача собрать всю информацию о психологе под одной крышей в единой визуальной системе обрела совершенно новую, более основательную форму:
Разработать уникальный сценарий знакомства с психологом
Разработать уникальный сценарий знакомства с психологом
Главная проблема
Главная проблема
Большая часть сайтов психологов строится вокруг достаточно очевидной формулы: фотография специалиста, описание образования, список услуг, контакты. Но для этого проекта такой подход был недостаточен.
Большая часть сайтов психологов строится вокруг достаточно очевидной формулы: фотография специалиста, описание образования, список услуг, контакты. Но для этого проекта такой подход был недостаточен.
Нужно было одновременно удержать несколько состояний:
Нужно было одновременно удержать несколько состояний:
профессиональность, но не холодность зрелость, но не дистанцию мягкость, но не инфантильность заботу, но без излишней сентиментальности
профессиональность, но не холодность зрелость, но не дистанцию мягкость, но не инфантильность заботу, но без излишней сентиментальности
Отдельная проблема — путь до записи. Превалирующая часть изученных мной психологов имели на сайтах стандартную форму записи, более того, они могли навязчиво появляться. Также они имели поле «Проблема», которое, как мы позднее выясним, совершенно неуместно.
Отдельная проблема — путь до записи. Превалирующая часть изученных мной психологов имели на сайтах стандартную форму записи, более того, они могли навязчиво появляться. Также они имели поле «Проблема», которое, как мы позднее выясним, совершенно неуместно.
Человека нельзя заставлять раскрывать личную ситуацию ещё до того, как он решился на контакт. Но и просто оставить кнопку «Записаться» было недостаточно.
Человека нельзя заставлять раскрывать личную ситуацию ещё до того, как он решился на контакт. Но и просто оставить кнопку «Записаться» было недостаточно.
Поэтому я рассматривал запись как самостоятельную часть пользовательского опыта над которой предстояло поработать.
Поэтому я рассматривал запись
как самостоятельную часть пользовательского опыта над которой предстояло поработать.
Погружение
Погружение
Прежде чем выбирать визуальное направление, я исследовал более
50 сайтов психологов — российских и зарубежных.
Я смотрел не только на визуальный стиль, но и на то, как устроено знакомство со специалистом, какие ценности транслируются и техническую реализацию:
Прежде чем выбирать визуальное направление, я исследовал более
50 сайтов психологов — российских и зарубежных. Я смотрел не только на визуальный стиль, но и на то, как устроено знакомство со специалистом, какие ценности транслируются, техническую реализацию и т.п.:
какие вопросы возникали как объясняются услуги насколько легко понять различия между форматами работы где и как происходит запись какие элементы создают ощущение безопасности какие решения повторяются из проекта в проект
какие вопросы возникали как объясняются услуги насколько легко понять различия между форматами работы где и как происходит запись какие элементы создают ощущение безопасности какие решения повторяются из проекта в проект
Визуально рынок оказался довольно однообразным и предсказуемым.
Визуально рынок оказался довольно однообразным и предсказуемым.
Часто встречались пастельные палитры, большое количество скруглений, стандартная вёрстка, спокойные оттенки и порой полностью ч/б сайты (что меня поразило).
Часто встречались пастельные палитры, большое количество скруглений, стандартная вёрстка, спокойные оттенки и порой полностью ч/б сайты (что меня поразило).
В итоге получился moodboard совсем без сайтов психологов. Я не нашёл в них тех эмоций и ощущений, которые передала мне Юлия на брифе и которые должны лечь в основу её сайта. Мне было важно найти
соответствующие задаче эмоциональные и визуальные референсы.
В итоге получился moodboard совсем без сайтов психологов. Я не нашёл в них тех эмоций и ощущений, которые передала мне Юлия на брифе и которые должны лечь в основу её сайта. Мне было важно найти
соответствующие задаче эмоциональные и визуальные референсы.
Moodboard проекта
Moodboard проекта
Первые шаги
Первые шаги
Первой полноценной концепцией стал зелёный природный визуальный язык. Он хорошо передавал спокойствие и эмоциональность. Концепция была практически полностью собрана — от первого экрана до футера, адаптивы.
Первой полноценной концепцией стал зелёный природный визуальный язык. Он хорошо передавал спокойствие и эмоциональность. Концепция была практически полностью собрана — от первого экрана до футера, адаптивы.
Юлии вариант понравился и она была готова
его согласовать. Однако каждый раз открывая проект, верстая его и дорабатывая, меня не покидало ощущение чего-то лишнего, как-будто
в ботинок попал маленький камушек.
Юлии вариант понравился и она была готова его согласовать. Однако каждый раз открывая проект, верстая его и дорабатывая, меня не покидало ощущение чего-то лишнего, как-будто
в ботинок попал маленький камушек.
Природных и случайных элементов становилось слишком много. Визуальная система начинала жить сама по себе, не играя на стороне психолога.
Кроме того, в ней было недостаточно ощущения зрелости и профессиональной уверенности, которое было важно передать через сайт.
Природных и случайных элементов становилось слишком много. Визуальная система начинала жить сама по себе, не играя на стороне психолога. Кроме того, в ней было недостаточно ощущения зрелости и профессиональной уверенности, которое было важно передать через сайт.
Поэтому я предложил Юлии собрать альтернативные варианты, которые устранят эти проблемы. Хоть она и сомневалась, я чувствовал, что нащупал вектор развития и был уверен в своём решении подойти к задаче под другим углом.
Поэтому я предложил Юлии собрать альтернативные варианты, которые устранят эти проблемы. Хоть она
и сомневалась, я чувствовал, что нащупал вектор развития и был уверен в своём решении начать сначала.
Это стало одним из ключевых решений проекта
Это стало одним из ключевых решений проекта
Идея
Идея
В процессе погружения я стал углубляться в смыслы психологии, идеи, которые стоят за этой наукой и профессией. После множества вариантов появилась метафора проводника.
Психолог не принимает решения за человека и не проходит его путь вместо него. Он помогает разобраться в происходящем и найти индивидуальное направление.
В процессе погружения я стал углубляться в смыслы психологии, идеи, которые стоят за этой наукой и этой профессией. После множества вариантов появилась метафора проводника. Психолог не принимает решения за человека и не проходит его путь вместо него. Он помогает разобраться в происходящем и найти индивидуальное направление.
Далее было необходимо дать этой метафоре физический облик и мне пришла идея с путеводной звездой. Давным-давно люди ориентировались по Полярной звезде и определяли направление движения, этот образ отлично подошёл для моего клиента и стал основой проекта.
Далее было необходимо дать этой метафоре физический облик и мне пришла идея с путеводной звездой. Давным-давно люди ориентировались по Полярной звезде и определяли направление движения, этот образ отлично подошёл для моего клиента и стал основой проекта.
Звезда не является конечной точкой и не является результатом. Она помогает понять, куда двигаться.
Звезда не является конечной точкой и не является результатом. Она помогает понять, куда двигаться.
Юлия как путеводная звезда — человек, рядом с которым можно разобраться в себе и найти направление дальнейшего пути
Юлия как путеводная звезда — человек, рядом с которым можно разобраться в себе и найти направление дальнейшего пути
Юлия как путеводная звезда — человек, рядом с которым можно разобраться в себе и найти направление дальнейшего пути
Основы системы
Основы системы
Упаковка идеи началась с подборки более элегантной и простой цветовой палитры, продолжилась поиском уникальной шрифтовой пары и закончилась созданием визуальной системы, объединившая строгую геометрию, небольшие скругления и плавные анимации.
Упаковка идеи началась с подборки более элегантной и простой цветовой палитры, продолжилась поиском уникальной шрифтовой пары и закончилась созданием визуальной системы, объединившая строгую геометрию, небольшие скругления и плавные анимации.
Типографика
Типографика
Anticva. Серифы и вытянутые формы усиливают ощущение профессиональности, элегантности и утончённости
Anticva. Серифы и вытянутые формы усиливают ощущение профессиональности, элегантности и утончённости
Nexa. Основной шрифт
без лишних деталей, правильные формы дополняют акцентную типографику успокаивая
и структурируя восприятие
Nexa. Основной шрифт
без лишних деталей, правильные формы дополняют акцентную типографику успокаивая
и структурируя восприятие
Геометрия и скругления
Геометрия и скругления
Структурированность. Чёткая геометрия придаёт дизайну предсказуемость, задаёт понятные рамки,
что довольно метафорично для этой сферы, а также структурирует восприятие информации и визуала
Структурированность. Чёткая геометрия придаёт дизайну предсказуемость, задаёт понятные рамки, что довольно метафорично
для этой сферы, а также структурирует восприятие информации и визуала
Анимация
Анимация
1.5 сек. продолжительность анимаций позволили создать очень нежное, плавное взаимодействие с интерфейсом и ощущение заботы
1.5 сек. продолжительность анимаций позволили создать очень нежное, плавное взаимодействие
с интерфейсом и ощущение заботы
Цветовая палитра
Цветовая палитра
Бежевый и коричневый. Уверенные
и в тоже время мягкие цвета в симбиозе создают бережное сочетание цветов, которое для более широкого применения разбавляется акцентнымм тёмно-коричневым
Анимация
1.5 сек. продолжительность анимаций позволили создать очень нежное, плавное взаимодействие с интерфейсом и ощущение заботы
Цветовая палитра
Бежевый и коричневый. Уверенные и в тоже время мягкие цвета в симбиозе создают бережное сочетание цветов, которое для более широкого применения разбавляется акцентнымм тёмно-коричневым
Структура сайта
Структура сайта
/Home
/Home
/home
/home
/Связаться-самостоятельно
/Связаться-самостоятельно
/Форма-записи
/Форма-записи
/Перечень-услуг
/Перечень-услуг
/Индивидуальная-терапия
/Индивидуальная-терапия
/Парная-терапия
/Парная-терапия
/Групповая-терапия
/Групповая-терапия
/Образование
/Образование
/Темы-и-запросы-с-которыми-я-работаю
/Темы-и-запросы-с- которыми-я-работаю
/Обучение
/Обучение
/Мастер-классы
/Мастер-классы
/Ссылки-и-ресурсы
/Ссылки-и-ресурсы
/Политика-конфиденциальности
/Политика-конфиденциальности
Конечная версия сайта имеет 14 уникальных страниц. Изначальное и самое распространённое решение с единой страницей оказалось неподходящем. Дать возможность клиенту самому выбирать то, что он изучит стало приоритетом.
Конечная версия сайта имеет 14 уникальных страниц. Изначальное
и самое распространённое решение
с единой страницей оказалось неподходящем. Дать возможность клиенту самому выбирать то, что он изучит стало приоритетом.
Разбиение старых блоков на отдельные страницы позволило увеличить комфорт при ознакомлении с большим количеством информации, структурировать восприятие и сделать пространство более безопасным.
Разбиение старых блоков на отдельные страницы позволило увеличить комфорт при ознакомлении с большим количеством информации, структурировать восприятие и сделать пространство более безопасным.
Навигационный блок стал ключевым элементом. Его расположение в конце каждой страницы позволяет сделать посещение на сайте бесшовным, увеличив время сессии.
Навигационный блок стал ключевым элементом. Его расположение в конце каждой страницы позволяет сделать посещение на сайте бесшовным, увеличив время сессии.
Наибольшую проработку получили страницы с услугами, они выполнены в виде полноценных креативных лендингов, так как это главные продающие страницы.
Наибольшую проработку получили страницы с услугами, они выполнены
в виде полноценных креативных лендингов, так как это главные продающие страницы.
Идеи, смыслы, чувства заложенные в проект получили продолжение в структуре сайта
Идеи, смыслы, чувства заложенные в проект получили продолжение в структуре сайта
Логотип
Логотип
После появления идеи со звездой естественным образом мне представился в голове логотип и я уже не мог не отойти от назначенного плана, оставив эту задумку.
После появления идеи со звездой естественным образом мне представился в голове логотип и я
уже не мог не отойти от назначенного плана, оставив эту задумку.
Таким образом я приступил к вырисовыванию различных каракуль, перебирая различные идеи, образы, формы и смыслы.
Таким образом я приступил к вырисовыванию различных каракуль, перебирая различные идеи, образы, формы и смыслы.
В итоге после всех обсуждений с Юлией мы остановились на варианте с незаполненным сердцем, на первый взгляд, и нашей звёздочкой сверху. Логотип объединил в себе большое количество образов и метафор.
В итоге после всех обсуждений
с Юлией мы остановились на варианте
с незаполненным сердцем, на первый взгляд, и нашей звёздочкой сверху. Логотип объединил в себе большое количество образов и метафор.
Основой логотипа стала открытая ракушка, жемчужина которой сияет над ней — наша звезда
Основой логотипа стала открытая ракушка, жемчужина которой сияет над ней — наша звезда
Приоткрытая ракушка создаёт знакомый всем силуэт сердца, отсылая нас к инициалам заказчика ЮГ. Не закрашенная половинка получившегося сердца метафоризирует эмоциональное состояние, а также образует зеркало, иллюстрирующее отражение восприятия внутреннего мира.
Приоткрытая ракушка создаёт знакомый всем силуэт сердца, отсылая нас к инициалам заказчика ЮГ.
Не закрашенная половинка получившегося сердца метафоризирует эмоциональное состояние, а также образует зеркало, иллюстрирующее отражение восприятия внутреннего мира.
Первый контакт (начало)
Первый контакт
(начало)
Первый контакт с сайтом является ключевым этапом в принятии решения клиента о продолжении изучения продукта и формировании ожиданий. Поэтоёму я создал простую, но эффектную стартовую анимацию.
Первый контакт с сайтом является ключевым этапом в принятии решения клиента о продолжении изучения продукта и формировании ожиданий. Поэтоёму я создал простую, но эффектную стартовую анимацию.
Фундаментом проекта стала звезда и образ Путеводной звезды. Эта идея получила своё развитие и появление звезды стало загрузочным экраном сайта, после чего звезда аккуратно встраивается в логотип во время рассвета.
Фундаментом проекта стала звезда и образ Путеводной звезды. Эта идея получила своё развитие и появление звезды стало загрузочным экраном сайта, после чего звезда аккуратно встраивается в логотип во время рассвета.
Анимация заканчивается промежуточным экраном с кнопкой «Войти», такое решение позволяет отделить дополнительный визуал от основного контента, а также выделиться среди однообразия сайтов психологов.
Анимация заканчивается промежуточным экраном с кнопкой «Войти», такое решение позволяет отделить дополнительный визуал от основного контента, а также выделиться среди однообразия сайтов психологов.
Появление яркой звезды в ночном небе, рассвет и трансформация звезды в логотип — начало сайта
Появление яркой звезды в ночном небе, рассвет и трансформация звезды в логотип — начало сайта
Появление яркой звезды в ночном небе, рассвет и трансформация звезды в логотип — начало сайта
Главная (домашняя страница)
Главная
(домашняя страница)
Плавное появление всех элементов после нажатия на кнопку «Войти» создаёт основное пространство, которым руководит строгая геометрия, функциональность, спокойствие.
Плавное появление всех элементов после нажатия на кнопку «Войти» создаёт основное пространство, которым руководит строгая геометрия, функциональность, спокойствие.
Акценты
Акценты
Якорные точки. После очевидных ФИ фокус падает на кнопку записаться, что делает дизайн понятным и уменьшает TTC (время до конверсии). Фото психолога в формате PNG и карточки с основными услугами. Комбинация этих якорей даёт минимально необходимую информацию потенциальному клиенту.
Якорные точки. После очевидных ФИ фокус падает на кнопку записаться, что делает дизайн понятным и уменьшает TTC (время до конверсии). Фото психолога в формате PNG и карточки с основными услугами. Комбинация этих якорей даёт минимально необходимую информацию потенциальному клиенту.
Доп. элементы
Доп. элементы
Вспомогательный функционал. Усиливают основные элементы всем знакомый хотбар, кнопка с видео-визиткой психолога, ссылка на профиль в университете. Вместе они усиливают доверие, создают ощущение профессиональности и уравновешивают дизайн.
Вспомогательный функционал. Усиливают основные элементы всем знакомый хотбар, кнопка с видео-визиткой психолога, ссылка на профиль в университете. Вместе они усиливают доверие, создают ощущение профессиональности
и уравновешивают дизайн.
Навигация
Навигация
Важное решение. После попытки уместить всё в один лендинг стало ясно, что это решение не подходит для такой трепетной сферы. Разделить всю информацию на собственные страницы послужило созданию навигационного блока, который позволяет не потреблять ненужную информацию, а изучить только необходимую.
Важное решение. После попытки уместить всё в один лендинг стало ясно, что это решение не подходит для такой трепетной сферы. Разделить всю информацию на собственные страницы послужило созданию навигационного блока, который позволяет не потреблять ненужную информацию, а изучить только необходимую.
Ещё
Ещё
Визуальные штрихи. Вертикальные линии спасают сайт от однотонного и скучного фона структурируя восприятие. Анимированные карточки услуг, плавный скрол, смелые отступы добавляют жизни и создают характер виртуальному продукту.
Визуальные штрихи. Вертикальные линии спасают сайт от однотонного и скучного фона структурируя восприятие. Анимированные карточки услуг, плавный скрол, смелые отступы добавляют жизни и создают характер виртуальному продукту.
Путь до записи
Путь до записи
Один из самых важных пунктов — путь до записи, которому мало уделяют внимания, прошёл четыре итерации до конечного результата. Финальный вариант стал максимально лаконичным, понятным, не нагружающим и «безопасным».
Один из самых важных пунктов — путь до записи, которому мало уделяют внимания, прошёл четыре итерации до конечного результата. Финальный вариант стал максимально лаконичным, понятным, не нагружающим и «безопасным».
Нажав на кнопку «записаться» появляется выбор из двух вариантов: записаться самостоятельно и заполнить форму. Такой выбор удовлетворяет всевозможные потребности в обращении, с учётом номера телефона по центру хедера.
Нажав на кнопку «записаться» появляется выбор из двух вариантов: записаться самостоятельно и заполнить форму. Такой выбор удовлетворяет всевозможные потребности в обращении, с учётом номера телефона по центру хедера.
Самостоятельная запись
1 вариант. Нет необходимости перечислять причины, по которым человеку может не подходит вариант формы, моя задача была удовлетворить любую потребность, которая может возникнуть при желании записаться к Юлии. Самостоятельная запись стала первым таким вариантом.
Уникальный опыт. Желание написать лично может привести к преграде страха первого сообщения и неподходящей формулировки. Поэтому я предложил Юлии составить краткий шаблон, которой обработает этот страх и облегчает первый шаг.
Форма
2 вариант. После тех самых четырёх итераций форма записи стала универсальным, простым и понятным инструментом закрывающий оставшиеся возможные потребности при записи.
Комфорт. Форма стала удобнее и для самой Юлии: необходимость вводить дату и время обратной связи структурирует график психолога и добавляет комфорт при записи.
Самостоятельная запись
Самостоятельная запись
Самостоятельная запись
1 вариант. Нет необходимости перечислять причины, по которым человеку может не подходит вариант формы, моя задача была удовлетворить любую потребность, которая может возникнуть при желании записаться
к Юлии. Самостоятельная запись стала первым таким вариантом.
Уникальный опыт. Желание написать лично может привести к преграде страха первого сообщения и неподходящей формулировки. Поэтому я предложил Юлии составить краткий шаблон, которой обработает этот страх и облегчает первый шаг.
Уникальный опыт. Желание написать лично может привести к преграде страха первого сообщения и неподходящей формулировки. Поэтому я предложил Юлии составить краткий шаблон, которой обработает этот страх и облегчает первый шаг.
Форма
Форма
Форма
2 вариант. После тех самых четырёх итераций форма записи стала универсальным, простым и понятным инструментом закрывающий оставшиеся возможные потребности при записи.
Комфорт. Форма стала удобнее и для самой Юлии: необходимость вводить дату и время обратной связи структурирует график психолога и добавляет комфорт при записи.
Комфорт. Форма стала удобнее и для самой Юлии: необходимость вводить дату и время обратной связи структурирует график психолога и добавляет комфорт при записи.
После отправки формы контакт не останавливается, взаимодействие продолжается
После отправки формы контакт не останавливается, взаимодействие продолжается
Второй уровень идеи —
трансформация
Второй уровень идеи —
трансформация
Вторая важная метафора проекта появилась уже внутри интерфейса. Она отлично дополнила идею логотипа и звезды, а также стала опорой визуала.
Вторая важная метафора проекта появилась уже внутри интерфейса. Она отлично дополнила идею логотипа и звезды, а также стала опорой визуала.
Психотерапия напрямую связана с изменениями: человек приходит с одним состоянием, начинает разбираться в нём и постепенно приходит к другому пониманию себя.
Психотерапия напрямую связана с изменениями: человек приходит с одним состоянием, начинает разбираться в нём и постепенно приходит к другому пониманию себя.
Поэтому дополнительной метафорой стала трансформация. Элементы сайта меняются при взаимодействии обретая новый облик, трансформируясь.
Поэтому дополнительной метафорой стала трансформация. Элементы сайта меняются при взаимодействии обретая новый облик, трансформируясь.
Взаимодействие становится продолжением идеи проекта, а не просто анимацией ради эффекта
Взаимодействие становится продолжением идеи проекта, а не просто анимацией ради эффекта
Анимации
Анимации
80% сайта анимированно или имеет интерактивное поведение. Такое внимание уделено для того, что бы создать безопасное пространство за счёт плавности, где каждая деталь продумана и играет на создание необходимого ассоциативного ряда.
80% сайта анимированно или имеет интерактивное поведение. Такое внимание уделено для того, что бы создать безопасное пространство за счёт плавности, где каждая деталь продумана и играет на создание необходимого ассоциативного ряда.
Основные анимации находятся в диапазоне
0,9-1,5 секунды, чтобы движение оставалось ощутимым, но не превращалось в
препятствие для восприятия.
Основные анимации находятся в диапазоне 0,9-1,5 секунды, чтобы движение оставалось ощутимым, но не превращалось в препятствие для восприятия.
Это не набор готовых блоков со стоковыми анимациями, а индивидуальная система, собранная под конкретный проект
Это не набор готовых блоков со стоковыми анимациями, а индивидуальная система, собранная под конкретный проект
Перечень услуг
Перечень услуг
Доп. сертификаты
Доп. сертификаты
Мастер-классы
Мастер-классы
Ссылки и ресурсы
Ссылки и ресурсы
Разработка
и готовые страницы
Разработка
и готовые страницы
Разработка не прошла гладко. 95% элементов создавалось с нуля, в подобных проектах не обходится без утомительной оптимизации их совместной работы и взаимодействий.
Разработка не прошла гладко.
95% элементов создавалось с нуля,
в подобных проектах не обходится
без утомительной оптимизации их совместной работы и взаимодействий.
100+ кастомных компонентов разной сложности было создано для уникального пользовательского опыта даже в привычных местах.
100+ кастомных компонентов разной сложности было создано для уникального пользовательского опыта даже в привычных местах.
Вёрстка заняла большую часть проекта. Были созданы уникальные варианты компонентов для различных адаптивов и уделено особое внимание сложным сценариям.
Вёрстка заняла большую часть проекта. Были созданы уникальные варианты компонентов для различных адаптивов и уделено особое внимание сложным сценариям.
Стабильная система, отсутсвие багов, проработка мельчайщих деталий завершают работу
Стабильная система, отсутсвие багов, проработка мельчайщих деталий завершают работу
Основная услуга
(Индивидуальная терапия)
Основная услуга
(Индивидуальная терапия)
Мастер-классы
Мастер-классы
Доп. сертификаты
Доп. сертификаты
Темы и запросы
Темы и запросы
Уникальная страница предложенная мной. Заметив, что по на каждой странице с услугой Юлия указывает
6 самых частых запросов с которыми
к ней обращаются
я предложил ей сделать отдельную страницу, где соберём такие запросы со всех трёх услуг и расширим количество до 10 в каждой категории.
Таким образом эта страница отлично дополняет сайт и увеличивает шанс
на то, что потенциальный клиент узнает свою проблему и запишется
на первый сеанс.
Уникальная страница предложенная мной. Заметив, что по на каждой странице с услугой Юлия указывает 6 самых частых запросов с которыми к ней обращаются
я предложил ей сделать отдельную страницу, где соберём такие запросы со всех трёх услуг и расширим количество до 10 в каждой категории.
Таким образом эта страница отлично дополняет сайт и увеличивает шанс на то, что потенциальный клиент узнает свою проблему и запишется на первый сеанс.
Сайт Юлии теперь не просто страничка с записью, а полноценный инструмент психолога
Сайт Юлии теперь не просто страничка с записью, а полноценный инструмент психолога
Что получилось в итоге
Что получилось
в итоге
Сайт объединил профессиональную информацию, услуги, образование, темы запросов, образовательные программы и запись в единую визуальную систему бережного, зрелого, мягкого
и понятного восприятия.
Сайт объединил профессиональную информацию, услуги, образование, темы запросов, образовательные программы и запись в единую визуальную систему бережного, зрелого, мягкого и понятного восприятия.
Результаты после запуска
Результаты
после запуска
Уникальные
посетители
Уникальные
посетители
Просмотры
страниц
Просмотры
страниц
Показатель
отказов
Показатель
отказов
Среднее
время сеанса
Среднее
время сеанса
Лидов
получено
Лидов
получено
Заявки
через форму
Заявки
через форму
Клиентов
записано
Клиентов
записано
Конверсия
в запись
Конверсия
в запись
Мои впечатления
Мои впечатления
Эти мысли постоянно заставляли меня думать глубже, чем обычно, а решения принимать осторожнее. Результатом такой работы стал безопасный и продуманный дизайн, который, словно надежный мост, готов с заботой провести каждого в новый путь.
Я подошёл к нему с неестественной серьезностью
и чувством большой ответственности, ведь зачастую люди заходят на сайты к таким специалистам лишь тогда, когда
им действительно тяжело.
Эти мысли постоянно заставляли меня думать глубже, чем обычно,
а решения принимать осторожнее. Результатом такой работы стал безопасный и продуманный дизайн, который, словно надежный мост, готов с заботой провести каждого в новый путь.
0%
0%
Удовлетворённость
результатом
Удовлетворённость
результатом
Отзыв заказчика
Отзыв заказчика
— Юлия Говголенко
— Юлия Говголенко
