01 / для дома
Первая оригинальная картина
Ищет не массовый декор, но ещё не считает себя коллекционером.
- хочет видеть цену сразу;
- сомневается в размере;
- проверяет доставку и подлинность.
Кейс 04 / исследование · UI · Angular frontend
Персональный сайт художницы
Личная онлайн-галерея для петербургской художницы-пейзажиста: доступные работы, прямой контакт, заказы и простое самостоятельное обновление каталога.
В разработке · картины и сведения пока демонстрационные
Задача
Создать прямой путь от картины к автору
Работы продаются через агентов, и художница не контролирует их подачу и конечную стоимость. Собственный сайт должен стать спокойной личной галереей, а не ценовым спором с посредниками.
01
Вижу работу02
Узнаю цену и размер03
Знакомлюсь с автором04
Понимаю покупку и доставку05
Обращаюсь напрямуюГипотезы аудитории
Кому нужен такой сайт
Это кабинетное исследование и proto-personas. До запуска нужно проверить, какие сведения действительно помогают выбрать оригинальную картину стоимостью от 20 000 ₽.
Главная гипотеза: посетителю важно не «разбираться в искусстве», а без неловкости увидеть цену, представить масштаб работы и понять, как безопасно приобрести её у автора.
02 / на заказ
Важное место или воспоминание
Хочет сохранить в живописи дом, берег, дорогу или место путешествия.
- показывает фотографии;
- ищет близкую манеру;
- хочет знать этапы и границы правок.
03 / пространство
Дизайнер или небольшой бизнес
Подбирает одну работу или серию для интерьера, кабинета, гостиницы или ресторана.
- фильтрует по размеру;
- проверяет наличие;
- может запросить подборку.
Референсы
Что изучалось перед концепцией
Выбраны сайты независимых художников, которые совмещают авторское представление, готовые работы и прямое обращение. Важны не внешние эффекты, а прозрачность выбора.
01 / прямая покупка
Елена Петрова
Работы в наличии и на заказ, примерка в интерьере, доставка и прямой контакт с художницей.
Открыть референс ↗02 / статус
Юлия Белоусова
Профессиональный статус, образование, выставки и жанровая структура галереи.
Открыть референс ↗03 / коллекции
Matthew Cordwell
Пейзажи связаны с поездками, светом и натурой; готовые оригиналы и заказ разведены в разные сценарии.
Открыть референс ↗04 / заказ
Jane Schmidt
Запрос начинается с фотографии, размера и задачи пространства — полезный ориентир для формы заказа.
Открыть референс ↗Визуальная система
Тихая галерея с нотой импрессионизма
Интерфейс остаётся нейтральным, чтобы не спорить с разнообразными картинами. Полноэкранный пейзаж вместо двух колонок, фактура бумаги и мягкие следы кисти создают самостоятельный характер, но не применяются к фотографиям реальных работ.
Бумага#F6F0E7
Подложка#E4D8CA
Графит#2D2825
Умбра#574137
Морская волна#2F6C73
Терракота#A66346
Prata / характер
Места, к которым хочется возвращаться
Manrope / ясность
Название, размер, материал, цена, наличие, доставка и кнопка прямого обращения.
Система изображений
Картины не нужно обрезать вручную
Горизонтальные, вертикальные и квадратные работы помещаются на одну песочную «стену галереи». Сайт сохраняет исходное соотношение сторон и показывает все края.
01 / без обрезки
Object-fit: containКартина всегда видна целиком независимо от пропорций.
02 / единый фон
Песочная подложкаРазные фотографии собираются в спокойный каталог.
03 / минимум действий
Один хороший снимокЮлия загружает работу, а сайт создаёт веб-размеры автоматически.
Текущий frontend
Главная уже работает на Angular
Адаптивная страница собрана из самостоятельных компонентов. Пока используются локальные демонстрационные данные; после получения материалов они будут заменены реальными работами без изменения логики и подложек.
Текущая версия работает без базы данных и backend. Все названия, изображения, размеры и цены демонстрационные. Членство, образование, выставки, условия заказа и доставки будут опубликованы только после подтверждения.
Простая админка
Добавить работу за несколько минут
Основная форма содержит только фотографию, название, год, размер, материал, цену и статус. Проданная работа переносится в архив, а не исчезает из портфолио.
Работы · 18+ Добавить работу
Свет над долиной50 × 70 см · цена
в наличии
Тёплый вечер60 × 60 см · цена
резерв
Дорога к морю40 × 60 см · продана
архив
Архитектура
От знакомства до прямого обращения
Главная знакомит с манерой художницы, каталог помогает выбрать, карточка снимает практические сомнения, а заказ начинается с фотографии и истории места.
01
Главная и актуальные работы02
Каталог и карточка картины03
Картина на заказ04
Автор, доставка и контактыСтатус
Система найдена, содержание ещё собирается
- Сформулирована задача прямых продаж без конфликта с агентами.
- Подготовлены три гипотезы аудитории и два основных сценария.
- Создана самостоятельная палитра без повторения зелёных кейсов.
- Спроектирована нейтральная подложка для картин любых пропорций.
- Главная страница реализована на Angular 20, TypeScript и SCSS.
- Проверены production-сборка, desktop- и mobile-версии.
- Описана простая административная панель.
До запуска нужны интервью, реальные картины, подтверждённые документы, правила заказа и доставки, проверка загрузки самой художницей и разрешение на публикацию материалов.
Кейс будет дополняться по мере работы