2026
21 день
Ниша
Награда
Тип сайта
Бизнес
Год
Срок
Сайт-визитка
Объем
Made on Tilda
3 страницы
Сайт-визитка
для Анны Виссаровой
для Анны Виссаровой
Анна Виссарова - ментор по глубинной трансформации и внутренней зрелости
«Ascend®» создает эффективные маркетинговые решения, которые помогают бизнесу расти в цифровой среде. Подход сочетает аналитику, креатив и технологичность —
от разработки стратегии до ее полной реализации
от разработки стратегии до ее полной реализации
Спокойный дизайн в светлых оттенках с акцентами в виде "схем" гармонии и плавных градиентов, акцент на личность ментора и результаты клиентов
Решение:
Задача:
Разработка современного, удобного одностраничного сайта-визитки для презентации услуг духовного ментора. Ключевые запросы клиента: создание уверенного, мудрого и глубокого образа, атмосферы ясности и гармонии
Этапы работы:
1. Сбор информации и знакомство
3. Визуальный анализ отрасли
4. Разработка метафоры и концепции
5. Проработка структуры и прототипа
6. Создание дизайн-макета
7. Верстка и адаптация под все устройства
2. Анализ конкурентов и клиентов
Анализ целевой аудитории позволил чётко понять, как привлекать, удерживать и конвертировать предпринимателей, которые уже добились всего материального и хотят выйти на новый уровень с помощью пересборки мышления
Сайт должен стать современным, удобным
и эффективным инструментом продаж, который работает бизнес 24/7, привлекает новых клиентов
и укрепляет доверие к ментору. Добиться этого помог маркетинговый подход
и эффективным инструментом продаж, который работает бизнес 24/7, привлекает новых клиентов
и укрепляет доверие к ментору. Добиться этого помог маркетинговый подход
Сайт должен стать современным, удобным и эффективным инструментом продаж, который работает бизнес 24/7, привлекает новых клиентов и укрепляет доверие к компании. Добиться этого поможет маркетинговый подход
Цели на разработку:
Проведя детальный разбор визуальных решений ключевых игроков рынка и актуальных дизайн-трендов, я пришла к выводу о необходимости создания чистого, лаконичного, достаточно строгого, современного, интуитивно понятного, основанного на порядке, логике и ясности дизайна. Много свободного пространства поможет показать статус, глубину, профессионализм, твердые результаты.
Нужно сохранить строгость и серьезность, чтобы привлечь аудиторию предпринимателей, но при этом передать идею духовности как чего-то более мягкого, неосязаемого, избегать детскости и излишней женственности
Нужно сохранить строгость и серьезность, чтобы привлечь аудиторию предпринимателей, но при этом передать идею духовности как чего-то более мягкого, неосязаемого, избегать детскости и излишней женственности
Работа с аудиторией строится на трёх основных шагах, которые помогают глубже понять клиентов и выстроить эффективную коммуникацию:
01 Сегментация:
Делю целевую аудиторию на группы
по поведению, интересам и потребностям.
Это позволяет точнее проработать контент
02 Создание персонажей:
Для каждого сегмента формирую профиль идеального клиента
03 Построение Customer Journey Map (CJM):
Прописываю путь клиента от первого касания до покупки, выделяя: ключевые точки взаимодействия, эмоциональные триггеры, барьеры и способы их преодоления
01 Сегментация:
Делю целевую аудиторию на группы
по поведению, интересам и потребностям.
Это позволяет точнее проработать контент
02 Создание персонажей:
Для каждого сегмента формирую профиль идеального клиента
03 Построение Customer Journey Map (CJM):
Прописываю путь клиента от первого касания до покупки, выделяя: ключевые точки взаимодействия, эмоциональные триггеры, барьеры и способы их преодоления
Работа с аудиторией строится на трёх основных шагах, которые помогают глубже понять клиентов и выстроить эффективную коммуникацию:
01 Сегментация:
Делю целевую аудиторию на группы
по поведению, потребностям, интересам.
Это позволяет точнее проработать контент и тексты
02 Создание персонажей:
Для каждого сегмента формирую
профиль идеального клиента
03 Построение Customer Journey Map:
Прописываю путь клиента от первого касания до покупки, выделяя: ключевые точки взаимодействия, эмоциональные триггеры, барьеры и способы
их преодоления
01 Сегментация:
Делю целевую аудиторию на группы
по поведению, потребностям, интересам.
Это позволяет точнее проработать контент и тексты
02 Создание персонажей:
Для каждого сегмента формирую
профиль идеального клиента
03 Построение Customer Journey Map:
Прописываю путь клиента от первого касания до покупки, выделяя: ключевые точки взаимодействия, эмоциональные триггеры, барьеры и способы
их преодоления
Основные проблемы конкурентов:
У многих сайтов непродуманная структура, сложное меню и несовременный дизайн,
что снижает доверие и вовлеченность
Большинство сайтов плохо адаптированы
под мобильные устройства — текст читается
с трудом, кнопки слишком маленькие,
а верстка «ломается»
Недостаток полезного контента, мало подробной информации об услугах
и преимуществах
Слабая визуальная подача, не хватает качественных фото и видео, нет интерактивных элементов
Клиентам сложно оперативно получить консультацию или рассчитать стоимость
У многих сайтов непродуманная структура, сложное меню и несовременный дизайн,
что снижает доверие и вовлеченность
Большинство сайтов плохо адаптированы
под мобильные устройства — текст читается
с трудом, кнопки слишком маленькие,
а верстка «ломается»
Недостаток полезного контента, мало подробной информации об услугах
и преимуществах
Слабая визуальная подача, не хватает качественных фото и видео, нет интерактивных элементов
Клиентам сложно оперативно получить консультацию или рассчитать стоимость
Основные проблемы конкурентов:
У многих сайтов непродуманная структура, сложное меню
и несовременный дизайн,
что снижает вовлеченность
Большинство сайтов плохо адаптированы под мобильные устройства — текст читается
с трудом, кнопки слишком маленькие,
а верстка «ломается»
Недостаток полезного контента, мало подробной информации об услугах
и преимуществах
Слабая визуальная подача, не хватает качественных фото и видео,
нет интерактивных элементов
Клиентам сложно оперативно получить консультацию или рассчитать стоимость
У многих сайтов непродуманная структура, сложное меню
и несовременный дизайн,
что снижает вовлеченность
Большинство сайтов плохо адаптированы под мобильные устройства — текст читается
с трудом, кнопки слишком маленькие,
а верстка «ломается»
Недостаток полезного контента, мало подробной информации об услугах
и преимуществах
Слабая визуальная подача, не хватает качественных фото и видео,
нет интерактивных элементов
Клиентам сложно оперативно получить консультацию или рассчитать стоимость
Я изучила 5 конкурентов в нише маркетинговых агенств, выявила как удачные решения, так и слабые места. Этот анализ стал основой для разработки стратегии, которая позволит не просто повторить успехи конкурентов,
но и превзойти их за счет устранения типичных ошибок
но и превзойти их за счет устранения типичных ошибок
01 Визуальная привлекательность:
Свежий, привлекательный дизайн, соответствующий последним трендам. Проработка цветовой гаммы, типографики
и визуальных элементом, чтобы усилить доверие и подчеркнуть имидж компании
02 Удобство и функциональность:
Интуитивно понятная навигация, логичная структура, адаптация под мобильные устройства
03 Повышение доверия и вовлеченности:
Отзывы, контактная информация на видном месте и удобная форма обратной связи, чтобы потенциальные клиенты и партнеры могли легко связаться
04 Актуальный и продающий контент:
Проработка контента: релевантные УТП
и убедительные призывы к действию. Это поможет не только привлечь внимание,
но и увеличить конверсию, превращая посетителей в клиентов
Свежий, привлекательный дизайн, соответствующий последним трендам. Проработка цветовой гаммы, типографики
и визуальных элементом, чтобы усилить доверие и подчеркнуть имидж компании
02 Удобство и функциональность:
Интуитивно понятная навигация, логичная структура, адаптация под мобильные устройства
03 Повышение доверия и вовлеченности:
Отзывы, контактная информация на видном месте и удобная форма обратной связи, чтобы потенциальные клиенты и партнеры могли легко связаться
04 Актуальный и продающий контент:
Проработка контента: релевантные УТП
и убедительные призывы к действию. Это поможет не только привлечь внимание,
но и увеличить конверсию, превращая посетителей в клиентов
01 Визуальная привлекательность:
Свежий, привлекательный дизайн, соответствующий последним трендам. Проработка цветовой гаммы, типографики и визуальных элементом, чтобы усилить доверие и подчеркнуть имидж компании
02 Удобство и функциональность:
Интуитивно понятная навигация, логичная структура, адаптация
под мобильные устройства
03 Повышение доверия:
Отзывы, контактная информация
на видном месте и удобная форма обратной связи, чтобы потенциальные клиенты и партнеры могли легко связаться
04 Актуальный и продающий контент:
Проработка контента: релевантные УТП
и убедительные призывы к действию. Это поможет не только привлечь внимание, но и увеличить конверсию, превращая посетителей в клиентов
Свежий, привлекательный дизайн, соответствующий последним трендам. Проработка цветовой гаммы, типографики и визуальных элементом, чтобы усилить доверие и подчеркнуть имидж компании
02 Удобство и функциональность:
Интуитивно понятная навигация, логичная структура, адаптация
под мобильные устройства
03 Повышение доверия:
Отзывы, контактная информация
на видном месте и удобная форма обратной связи, чтобы потенциальные клиенты и партнеры могли легко связаться
04 Актуальный и продающий контент:
Проработка контента: релевантные УТП
и убедительные призывы к действию. Это поможет не только привлечь внимание, но и увеличить конверсию, превращая посетителей в клиентов
Мой подход:
Я создаю не просто визуально привлекательные страницы, а мощные инструмент, который действительно
работают на бизнес. Глубокое понимание рынка и психологии целевой аудитории - это фундамент любого результативного проекта.
70% успеха - это скрытая от глаз аналитическая работа: исследование конкурентов и ниши, анализ поведения
и потребностей ЦА, проектирование
логики и структуры
работают на бизнес. Глубокое понимание рынка и психологии целевой аудитории - это фундамент любого результативного проекта.
70% успеха - это скрытая от глаз аналитическая работа: исследование конкурентов и ниши, анализ поведения
и потребностей ЦА, проектирование
логики и структуры
(01)
Исследование
Ассоциации:
Эмоции:
глубина
ответственность
спокойствие
твердые результаты
гармония
свобода
трансформации
предвкушение
уверенность
мудрость
баланс
спокойствие
ясность
ясность
На основе мудборда я разработала три концепции первых экранов будущего сайта, чтобы точно попасть в ожидания заказчика и его клиентов
Чтобы у посетителей сайта возникали нужные эмоции
и ассоциации, я выбрала и утвердила архетипы бренда, на которых будет строиться и позиционирование,
и дизайн страницы
и ассоциации, я выбрала и утвердила архетипы бренда, на которых будет строиться и позиционирование,
и дизайн страницы
Выбор из трех концепций:
Мудрая ответственность
Управляемая трансформация
03
02
01
Алхимия баланса
Идеальный вариант оказался на стыке первой и второй
Я составила три концепции будущего дизайна, которые отражали наиболее сильно одну из ценностей компании,
и мудборд (доску настроения) для каждой из них. В итоге клиент решил остановиться на первой с чертами второй
и мудборд (доску настроения) для каждой из них. В итоге клиент решил остановиться на первой с чертами второй
Идея, которую отражают архетипы:
Соединение магии глубинной трансформации (Маг) с интеллектуальной ясностью и системностью (Мудрец). Предприниматель больше не должен выбирать между «шаманами» и тем, чтобы остаться в сухой логике.
Соответствующий дизайн: лаконичная светлая основа - ясность, интеллект, твердые результаты, схемы про баланс в духе икигай - баланс, мудрость, зрелось, лучи света и блики - волшебство, духовность, трансформации
Соединение магии глубинной трансформации (Маг) с интеллектуальной ясностью и системностью (Мудрец). Предприниматель больше не должен выбирать между «шаманами» и тем, чтобы остаться в сухой логике.
Соответствующий дизайн: лаконичная светлая основа - ясность, интеллект, твердые результаты, схемы про баланс в духе икигай - баланс, мудрость, зрелось, лучи света и блики - волшебство, духовность, трансформации
«Маг» (The Magician) + «Мудрец» (The Sage)
Мудборд и концепция
(02)
Контент сайта должен отражать преимущества компании и ее УТП, поэтому на этом этапе я создала текстовый и графический прототипы, сделав акцент
на реальных потребностях целевой аудитории, проработала структуру подачи информации
и навигацию
на реальных потребностях целевой аудитории, проработала структуру подачи информации
и навигацию
Контент сайта должен отражать преимущества компании и ее УТП, поэтому на этом этапе я создала текстовый и графический прототипы, сделав акцент на реальных потребностях целевой аудитории, проработала структуру подачи информации и навигацию
Текстовый прототип:
При разработке текстового прототипа ключевой задачей стала комплексная проработка контента — разработка цепляющих продающих текстов, проектирование четкой структуры сайта,
обеспечение максимального удобства для пользователей. В результате был создан интуитивно понятный прототип, где посетители легко находят необходимую информацию и совершают целевые действия без лишних усилий.
обеспечение максимального удобства для пользователей. В результате был создан интуитивно понятный прототип, где посетители легко находят необходимую информацию и совершают целевые действия без лишних усилий.
В Figma был создан макет, который учитывает реальные потребности ЦА, основан на данных исследований и имеет улучшенную навигацию и структуру.
Графический прототип:
(03)
Проектирование
При разработке сайта я уделила особое внимание созданию образа, в котором светлая неосязаемая атмосфера трансформации соединяется с порядком и ясностью
На основе главной, были проработаны еще три страницы
Учитывая, что половина посетителей
заходит на сайт со смартфонов и планшетов,
я уделила особое внимание мобильной адаптации
заходит на сайт со смартфонов и планшетов,
я уделила особое внимание мобильной адаптации
Шрифт:
Шрифтовая пара — интеллектуальная, контрастная, без лишней декоративности.
Заголовки — крупный гротеск с характером, уверенный, спокойный. Основной текст — чистый, читаемый, нейтральный гротеск, чтобы сохранять современность и лёгкость. Достаточный интерлиньяж и воздух между строками — чтобы читалось без напряжения.
Шрифтовая пара — интеллектуальная, контрастная, без лишней декоративности.
Заголовки — крупный гротеск с характером, уверенный, спокойный. Основной текст — чистый, читаемый, нейтральный гротеск, чтобы сохранять современность и лёгкость. Достаточный интерлиньяж и воздух между строками — чтобы читалось без напряжения.
Цветовая палитра:
Минималистичная, глубокая и статусная палитра на основе светлой базы с "магическими" акцентами.
Чистый светлый фон — для воздуха, ясности, лёгкости восприятия, создаёт ощущение чистого листа, на котором происходит трансформация, глубокий синий добавляет контраст, вес, уверенность и статус, это цвет власти, серьёзности и внутренней опоры. Спокойный голубой— цвет глубины, сознания, бесконечности, дарит ощущение доверия, стабильности и интеллектуальной честности.
Минималистичная, глубокая и статусная палитра на основе светлой базы с "магическими" акцентами.
Чистый светлый фон — для воздуха, ясности, лёгкости восприятия, создаёт ощущение чистого листа, на котором происходит трансформация, глубокий синий добавляет контраст, вес, уверенность и статус, это цвет власти, серьёзности и внутренней опоры. Спокойный голубой— цвет глубины, сознания, бесконечности, дарит ощущение доверия, стабильности и интеллектуальной честности.
Цветовая палитра:
Цветовая палитра построена на ярких, сочных и теплых оттенках, которые ассоциируются с детством, энергией
и развитием. При этом фон остаётся светлым и ненавязчивым, чтобы
не перегружать восприятие. Акценты расставлены с учетом психологии: например, оранжевая кнопка записи инстинктивно притягивает взгляд
и вызывает желание кликнуть.
Цветовая палитра построена на ярких, сочных и теплых оттенках, которые ассоциируются с детством, энергией
и развитием. При этом фон остаётся светлым и ненавязчивым, чтобы
не перегружать восприятие. Акценты расставлены с учетом психологии: например, оранжевая кнопка записи инстинктивно притягивает взгляд
и вызывает желание кликнуть.
Каждая деталь – от светлой и нежной цветовой палитры до продуманной навигации – работает на главную цель: сделать так, чтобы программа для предпринимателей выглядела премиальной, сочетающей в себе мудрость, ясность и ответственность
(04)
Дизайн и верстка
Это самый охеренный сайт в моей жизни
💔💔💔
Обожаю ТАКОЙ подход к работе
💔💔💔
Обожаю ТАКОЙ подход к работе
(06)
Отзыв
