Тюнинг машин

1.

ПРОЕКТ НА ТЕМУ:
ТЮНИНГ МАШИН
“Марийский
радиомеханически
й техникум”
Работу выполняли:
Дудоладов
Константин
Сошин Кирилл
Ветюгов Кирилл
Дудин Артем

2.

Введение
Наш проект сосредоточен на создании веб-интерфейса для энтузиастов
JDM (Japanese Domestic Market) тюнинга автомобилей.
Цель: Разработать современный, визуально мощный и удобный сайт,
который передаёт энергию JDM-культуры
Мы стремились создать цифровой гараж — платформу для ценителей
японского автопрома с уникальным дизайном и функционалом.

3.

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

4.

Кто чем занимался
- Ветюгов Кирилл
Разработка логотип, фирменный стиль и кастомный
шрифт, где буква "С" выполнена в виде гаечного ключа
для студии "Мираи". А акже проработка общий
визуального образа проекта.
- Сошин Кирилл
Реализация презентации, подборка всех материалов в
единое слайд-шоу. Подготовка структуры и оформления
для демонстрации нашей работы.

5.

ПРОЦЕСС РАБОТЫ
Исследование и Анализ (Неделя 1)
Изучали JDM-культуру и
потребности энтузиастов тюнинга,
фокусируясь на моделях вроде
Nissan Skyline и Toyota Supra.
Анализировали структуру сайта:
определили блоки услуг (подвеска,
диски, выхлоп) и важность
отзывов для доверия.
Обсудили идею цифрового гаража
как концепции сайта с тёмным
фоном и яркими акцентами.
Кэйити
Цутия
Король дрифта который
сыграл огромную роль в
формировании JDM
культуры

6.

ПРОЦЕСС РАБОТЫ
Разработка мудбордов, Концепция
и Визуализация
Разработали палитру (#1A1A1A
фон, #D4A017 акцент) и добавили
карбоновую текстуру для JDMстиля.
Создали wireframes в Figma:
геройский блок с фото, секцию
отзывов и форму заявки с кнопкой
«Старт тюнинга».

7.

ПРОЦЕСС РАБОТЫ
Детальная проработка UI и
Тестирование (Неделя 3)
Отрисовали отзывы, оработали
форму заявки с полями (имя,
телефон, email) и добавили кнопку
«Задать вопрос».
Проверили макет блока услуг,
адаптировали под контраст и
собрали фидбек для финальной
версии.

8.

Визуальная идентичность и
Дизайн-система
Сердцем
нашего
решения
стала
продуманная
визуальная
идентичность, построенная на ограниченной, но мощной палитре:
Оранжевый (#D4A017) —
акценты, энергия,
спортивность.
Черный (#1A1A1A) — фон,
мощь, технологичность.
Белый (#FFFFFF) —
текст, ясность.

9.

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

10.

Заключение
● В результате интенсивной работы нам удалось:
○ "Создали функциональный и эстетически
привлекательный прототип веб-платформы
в Figma, демонстрирующий все ключевые
пользовательские сценарии."
○ Создали дизайн-систему с правилами для
цвета и типографики
○ Убедительно доказали, что ограниченная
палитра (желтый, черный, белый) при
грамотном применении способна создавать
мощный и запоминающийся образ.
○ Подготовили прототип визитки.

11.

Этот проект стал для нас ценным опытом в области
исследования нишевых аудиторий, разработки
визуальной идентичности. Проект дал опыт в создании
нишевого интерфейса для JDM-энтузиастов.
Дизайн готов стать узнаваемой площадкой с
потенциалом для сообщества.
Благодарности: За внимание и поддержку в работе!

12.

Спасибо за внимание!