Самостоятельный вымышленный концепт сайта психотерапевтической практики: авторский сюрреалистичный коллаж вместо стока, метафора зрения и спокойный темп. Julia Web Studio / Юлия Юрчевская.
YASNO — самостоятельный вымышленный концепт сайта психотерапевтической практики. Это не реальный центр и не заказ: работа создана, чтобы исследовать, как эмоциональная доступность и выразительное визуальное повествование могут работать в цифровом дизайне для деликатной сферы. Концепция, иллюстрации, арт-дирекшн, дизайн и вёрстка — Julia Web Studio / Юлия Юрчевская.
- Статус
- Независимый концепт студии, без клиента и заказа
- Автор
- Julia Web Studio / Юлия Юрчевская
- Роль
- Концепция, арт-дирекшн, авторская иллюстрация, UX/UI, вёрстка
- Формат
- Адаптивный многостраничный сайт: главная, о практике, форматы, команда, цены, FAQ, блог, контакт
- Содержание
- Практика, команда, цены и форма записи — иллюстративные; запись не принимается, данные не собираются
- Вопрос
- Как сайт психотерапии может передать ясность, бережность и доверие без клинических штампов и безличных шаблонов?
Творческий бриф сформулирован как вопрос: «Как сайт психотерапии может передать ясность, бережность и доверие, не опираясь на типовую клиническую образность и безличные дизайн-конвенции?» Это дизайн-гипотеза, а не вывод из проведённого исследования пользователей: работа предлагает один из возможных ответов и показывает его в действии.
Намерения- 01Найти для деликатной темы живой визуальный язык вместо стоковой фотографии
- 02Сделать образ запоминающимся с одного экрана — через иллюстрацию, а не через громкость
- 03Говорить спокойным, ясным языком, без диагнозов и клинической лексики на входе
- 04Дать возможность сначала читать и узнавать — и только потом сделать шаг
- 05Показать форматы, команду и цены понятно и предсказуемо
- 06Собрать систему страниц, которая читается одинаково на телефоне и на экране
Ограничения — не оправдание, а аргумент: они объясняют, почему решение выглядит именно так.
- Концепт не должен выдавать себя за реальную практику — статус работы указан на самом сайте.
- Никаких лиц реальных людей в терапевтическом контексте: этика и конфиденциальность важны даже в вымысле.
- Без стоковой фотографии — она возвращает тот самый «глянец», от которого уходит концепт.
- Без обещаний результата: для психотерапии это неуместно даже как демонстрационный текст.
- Без придуманных отзывов, статистики и цифр эффективности.
Название — от русского «ясно». Вся система построена на метафоре зрения: терапия не «чинит» человека, а возвращает ему способность видеть себя отчётливо. Отсюда сквозные образы — глаз, отражение, вода и свет — и строка первого экрана «See yourself in clear light».
Открыть действующий сайт ↗Визуальный язык внутренней ясности
Иллюстрации YASNO — не набор украшений, а словарь. Каждый коллаж собран из одних и тех же элементов — глаза, воды, света, гравюрной фактуры, — и каждый раз они складываются в новое внутреннее состояние: тревогу, усталость, память. Повторяемость мотивов делает графику языком: зритель узнаёт его на любой странице и начинает читать без подписей.
Все иллюстрации — Julia Web Studio / Юлия Юрчевская
Запись действующего интерфейса: плавная прогулка по обновлённому сайту, без постановочных экранов.
Увидеть себя в ясном свете
Как сайт о терапии может ощущаться ясным, бережным и надёжным без клинических клише и стоковых фото? Ответ — метафора зрения. Название по-русски значит «ясно»: терапия не чинит человека, она возвращает ему способность видеть себя.
Первый экран: «See yourself in clear light»
Сюрреалистичный коллаж вместо стоковой фотографии
- Задача
- Найти человеческий, тёплый образ для сайта о внутренней жизни.
- Ограничение
- Без стока, без лиц реальных клиентов, без съёмки сессий.
- Решение
- Авторские коллажи: гравюра, фотография, золотые вспышки, вода, листья, порталы. Коллаж — честная метафора терапии: человек собирает себя из фрагментов памяти, тела и отношений.
- Задуманное качество
- Эмоциональный, узнаваемый образ, который нельзя спутать с шаблоном категории.
О практике: «Мы не чиним людей. Мы возвращаем зрение»
Зрение, отражение, вода и свет
- Задача
- Связать название, текст и изображение в одну мысль.
- Ограничение
- Образы не должны становиться эзотерикой или украшением.
- Решение
- Глаз, водная гладь, лучи и отражения повторяются от первого экрана до блога. Манифест второго экрана формулирует ту же идею словами: «We don't fix people. We restore the view».
- Задуманное качество
- Метафора считывается последовательно: сайт говорит одно и то же картинкой и текстом.
Форматы работы: ритм страницы и типографика
Пергамент, индиго и золото
- Задача
- Выбрать палитру, уместную для разговора о психике.
- Ограничение
- Первая, тёмно-синяя версия была эффектнее — и была отклонена самим автором.
- Решение
- Полностью тёмный фон читается как ночь и замкнутость. Фон стал тёплым пергаментом, индиго ушло в типографику, тёплое золото — в акценты, поверх — лёгкое зерно бумаги.
- Задуманное качество
- Задумано как глубина без давления: тёплая, спокойная и читаемая поверхность.
Команда: «People who sit with you» — иллюстративные персонажи
Спокойный темп и выверенная анимация
- Задача
- Задать интонацию восприятия, а не развлекать.
- Ограничение
- Резкая, быстрая анимация легко читается как тревога.
- Решение
- Параллакс, отклик на курсор, раскрывающиеся коллажи, лента с перетаскиванием — на длинных плавных кривых, без резких отскоков. На телефоне движение мягче.
- Задуманное качество
- Задуманное ощущение — страница не торопит, а даёт время осмотреться.
Цены: иллюстративный, открытый прайс
Читаемая информационная архитектура
- Задача
- Сделать так, чтобы ответы на частые вопросы находились без усилий.
- Ограничение
- Образность не должна мешать навигации.
- Решение
- Ясные разделы: о практике, форматы, команда, цены, FAQ, блог, контакт. Цены — карточками с длительностью и логикой формата; материалы и вопросы — лентой, ведущей в блог и FAQ.
- Задуманное качество
- Задумано, чтобы человек мог сначала читать и сравнивать, а решение принимать в своём темпе.
Контакт: «Write the first few lines» — демонстрация, не работающий сервис
Контакт как маленький первый шаг
- Задача
- Показать, как может выглядеть бережная форма записи.
- Ограничение
- Концепт не принимает запись и не собирает персональные данные.
- Решение
- Страница контакта прямо сообщает, что это демонстрация: она показывает интонацию — несколько первых строк вместо анкеты — без работающей отправки.
- Задуманное качество
- Идея формы видна, а статус концепта остаётся честным.
Мобильный первый экран
Адаптивность без потери смысла
- Задача
- Сохранить образ и читаемость на узком экране.
- Ограничение
- Крупные коллажи легко ломаются на 390 px.
- Решение
- Коллажи перекомпонованы под вертикаль, типографика пересчитана, анимация облегчена, лента листается свайпом.
- Задуманное качество
- Мобильная версия задумана как полноценная, а не уменьшенная копия.
- ×Не выдавали концепт за реальную практику и не придумывали клиента.
- ×Не использовали сток — он даёт эффект «глянцевой психологии».
- ×Не делали тёмную тему, хотя она была эффектнее.
- ×Не обещали результат ни в одном тексте.
- ×Не придумывали отзывы, статистику и метрики.
- ×Не делали быстрых анимаций-аттракционов.
#f7efe0
Пергамент
#1d2b4a
Индиговые чернила
#e0a12a
Тёплое золото
#3c3a33
Тёмный камень
#8fa3ab
Вода и свет
- Дисплей
- Cormorant Garamond
- Интонация
- Cormorant Garamond Italic
- Текст
- Manrope
- Подписи и навигация
- JetBrains Mono
- Самостоятельная визуальная айдентика YASNO
- Адаптивный многостраничный концепт сайта
- Серия авторских иллюстраций-коллажей
- Единый язык редакционной подачи и взаимодействий
- Наглядный творческий подход к дизайну сайтов для деликатных услуг
Самостоятельный концепт, не реальная практика. Концепция, коллаж и иллюстрация, арт-дирекшн, дизайн, анимация и разработка — Юлия Юрчевская, Julia Web Studio.
Проект живёт в сети — можно посмотреть вживую
Смотреть сайт ↗