Продукт: онлайн-медиа
Исходный размер 1140x1600
Данный проект является учебной работой студента Школы дизайна или исследовательской работой преподавателя Школы дизайна. Данный проект не является коммерческим и служит образовательным целям

Рубрикатор

— Бизнес процесс — Cusdev — Ключевая механика — Элементы и устройство интерфейса — Пользовательские сценарии — Интерфейс

Бизнес процесс

Онлайн-медиа о кастомизации устроено как интегрированное приложение с ботом, обеспечивающим удобный доступ ко всем информационным и образовательным ресурсам.

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

  2. Взаимодействие пользователя с ботом Пользователь через бот получает персонализированные рекомендации по материалам и подходящим урокам на платформе. Бот помогает структурировать обучение и направляет к нужным материалам, минимизируя время на поиск.

  1. Покрытие потребностей — Обучение и повышение квалификации мастеров кастома — Доступ к проверенным услугам студий и возможность заказать работу с гарантией качества — Информационная поддержка о модных тенденциях и примерах для вдохновения — Объединение в одном пространстве всех ресурсов для удобства и эффективности

  2. Монетизация и развитие Пользователи получают основной функционал бесплатно, дополнительные уроки, эксклюзивный контент и возможности продвижения могут быть доступны по платной подписке. Мастера и студии могут рекламировать свои услуги внутри платформы, что может создавать дополнительный доход и стимулировать рост сообщества.

Таким образом платформа закрывает потребности в обучении, качественном и надежном сервисе по кастомизации одежды, а также в доступе к актуальной и структурированной информации, делая процесс создания и заказа кастома простым и комфортным.

Cusdev

Исходный размер 3026x1291
Исходный размер 1757x309
Исходный размер 1757x309
Исходный размер 1790x309
Исходный размер 1769x349

После проведения опроса среди потенциальных пользователей нашей платформы по кастомизации одежды подтвердились основные гипотезы и появилось чёткое понимание того, какие функции и возможности необходимы для успешного и удобного использования сервиса.

Опрос подтвердил, что идея платформы по кастомизации одежды востребована и актуальна. Но для достижения максимального успеха необходимо расширить функционал, ориентируясь как на удобство и простоту, так и на социализацию, обучение и глубокую настройку пользовательских проектов. Эти выводы и потребности станут основой дальнейшей разработки и улучшения платформы.

Исходный размер 1914x556

Сегментация целевой аудитории

Ключевая механика

Онлайн-медиа для кастомизации — это универсальная система, объединяющая качественные и структурированные уроки по созданию кастомизированной одежды, актуальную информацию о трендах и примерах, а также базу проверенных студий, где можно заказать индивидуальный пошив или изменение изделия.

— Медиа предоставляет удобное и единое пространство для поиска и изучения материалов с помощью бота, что облегчает доступ к нужной информации и помогает пользователям быстро ориентироваться в мире кастомизации — Важным элементом является проверка и рекомендации студий, обеспечивающие надежность и качество услуг — Проект нацелен на обучение и поддержку сообщества творцов, объединяя знания о технологиях, материалах и современных трендах кастомизации

Исходный размер 2239x653

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

Элементы и устройство интерфейса

Сетки

Исходный размер 1744x646

Сетка

Экраны и компоненты подчиняются сетке в 10 или 8 колонок, которые подстраиваются под разные размеры экранов.

Стили текста

Исходный размер 1128x544

Система заголовков

В дизайн-системе продумана иерархия стилей заголовков и наборного текста, также предусмотрена адаптивность шрифтов для разных устройств.

Компоненты

Исходный размер 1830x1286

Ui-kit

Все компоненты дизайн-системы структурированы и логично организованы. Для каждого типа контента — заголовков, текста, статей, стилей, хедеров и футеров — разработаны отдельные блоки. Кроме того, учтена адаптивность: все компоненты сформированы с вариациями для разных устройств, что обеспечивает корректное отображение и удобство использования на любых экранах. Такая структура облегчает работу с дизайном и повышает гибкость при создании интерфейсов.

Пользовательские сценарии

Исходный размер 3114x3015

Главная страница

На главной странице находится краткая информация по всем фишкам и другим страницам сайта.

Исходный размер 3759x577
Исходный размер 3114x3515

Страница со всеми статьями

Исходный размер 3114x3015

Страница статьи

При переходе на страницу со всеми статьями если фильтрация по уровню сложности: для новичков и для продвинутых.

На странице с самим уроком в начале показываются материалы, которые понадобятся при изготовлении изделия. Далее идет пошаговый урок с картинками и подробной информацией. Этапы кастомизации комбинируются с блоками советов и основных ошибок. В конце уроков будут фотографии примеров изделий с похожим видом кастомизации для вдохновения пользователей.

Исходный размер 5023x771
Исходный размер 3114x2384

Страница с актуальными трендами

На странице трендов будет постоянно обновляться информация об актуальных на данный момент трендах в кастомизации.

Исходный размер 2112x322
Исходный размер 3114x1718

Страница студий

На странице студий можно сразу перейти на сайт понравившейся студии или же открыть всплывающее окно — карточку с дополнительной информацией о студии и примеры работ для того, чтобы пользователь понял, подходят ли ему такие услуги, или нет.

Исходный размер 2674x403
Исходный размер 3114x944

Страница бот

Исходный размер 3114x944

Страница бот

Исходный размер 1512x947

Страница бот итог

Пошаговый бот-конструктор подскажет о необходимых материалах для вашей кастомизации и предложит подходящие уроки на нашей платформе.

Исходный размер 3114x1467

Страница о проекте

Страница о проекте кратко рассказывает о нас и нашей философии.

Интерфейс

Исходный размер 4000x3000

Главная страница

Исходный размер 4000x3000

Страница бот

Исходный размер 4000x3000

Страница тренды

Исходный размер 4000x3000

Страница статьи

Исходный размер 4000x3000

Страница студий

Для дизайна интерфейса был взят за основу стиль глянцевых модных журналов, что подчёркивает современность и стильность проекта. В оформлении используются преимущественно светлые цвета, много воздуха, так же есть яркие акцентные цвета — насыщенный розовый и ярко-синий, которые выделяют ключевые элементы и делают восприятие более живым и динамичным.

Особое внимание уделено единой стилистике визуального контента: все фотографии на сайте сгенерированы вручную, что обеспечивает гармонию, уникальность и целостность образа. Такой подход позволяет избежать разнородности и создать запоминающийся визуальный язык бренда.

Библиография
1.

Кастомизация: от истоков до мировой популярности [Электронный ресурс]. — Режим доступа: https://artflashmagazine.ru/kastomizacziya-ot-istokov-do-mirovoj-populyarnosti/?ysclid=mipxqoapf9152957599 — (дата обращения: 29.11.2025)

2.

История кастомизации [Электронный ресурс]. — Режим доступа: https://telegra.ph/Istoriya-kastomizacii-01-23?ysclid=mipxs223ns750881534 — (дата обращения: 29.11.2025)

3.

ИСКУ́ССТВА И РЕМЁСЛА [Электронный ресурс]. — Режим доступа: https://old.bigenc.ru/fine_art/text/2022363?ysclid=miq1y85cya801411059 — (дата обращения: 29.11.2025)

4.

A BRIEF HISTORY OF DIY, FROM THE SHED TO THE MAKER MOVEMENT [Электронный ресурс]. — Режим доступа: https://www.sciencemuseum.org.uk/objects-and-stories/everyday-wonders/brief-history-diy — (дата обращения: 29.11.2025)

5.

Кастом Культура [Электронный ресурс]. — Режим доступа: https://cyclowiki.org/wiki/Кастом_Культура — (дата обращения: 29.11.2025)

Источники изображений
1.2.3.4.

https://dzen.ru/a/Xvxl1sCIkUldT-rV?ysclid=mipyg67a86980709913 — (дата обращения: 29.11.2025)

5.

https://dzen.ru/a/Y2gigwU2InwAcAY0?ysclid=mipyjd5swh964295868 — (дата обращения: 29.11.2025)

6.

https://deziiign.com/project/554532f981194766a97b258cd1191f87 — (дата обращения: 29.11.2025)

7.

https://vk.com/wall-43969312_104213?ysclid=mipys5fugy115462628 — (дата обращения: 29.11.2025)

8.9.10.11.

https://www.drive2.ru/b/466391118221673550/?ysclid=miq24ugp4s822315130 — (дата обращения: 29.11.2025)

12.13.

https://diletant.media/articles/45321147/?ysclid=miq3stmgnp511218383 — (дата обращения: 29.11.2025)

14.15.

https://www.soundoflife.com/blogs/design/80s-graffiti — (дата обращения: 29.11.2025)

Продукт: онлайн-медиа
Проект создан 18.12.2025
Глава:
1
2
3
4
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше