Продукт: онлайн-медиа
Original size 1140x1600

Продукт: онлайн-медиа

PROTECT STATUS: not protected
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes

Рубрикатор

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

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

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

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

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

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

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

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

Cusdev

big
Original size 3026x1291
Original size 1757x309
Original size 1757x309
Original size 1790x309
Original size 1769x349

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

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

Original size 1914x556

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

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

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

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

Original size 2239x653

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

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

Сетки

Original size 1744x646

Сетка

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

Стили текста

Original size 1128x544

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

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

Компоненты

Original size 1830x1286

Ui-kit

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

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

Original size 3114x3015

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

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

Original size 3759x577
Original size 3114x3515

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

Original size 3114x3015

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

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

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

Original size 5023x771
Original size 3114x2384

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

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

Original size 2112x322
Original size 3114x1718

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

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

Original size 2674x403
Original size 3114x944

Страница бот

Original size 3114x944

Страница бот

Original size 1512x947

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

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

Original size 3114x1467

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

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

Интерфейс

Original size 4000x3000

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

Original size 4000x3000

Страница бот

Original size 4000x3000

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

Original size 4000x3000

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

Original size 4000x3000

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

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

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

Bibliography
Show
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)

Image sources
Show
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)

Chapter:
1
2
3
4
We use cookies to improve the operation of the website and to enhance its usability. More detailed information on the use of cookies can be fo...
Show more