AI PATHОНЛАЙН-ШКОЛА · ПРОЕКТЫ С ИИПодобрать программу ↗
Портфолио школы / веб и цифровое творчество

Сайт для проекта.
Или создай свой.

Нужен готовый сайт — обсудим разработку. Хочешь сделать сам — выбери обучение и посмотри примеры ниже.

Учебные демопроекты AI PATH. FLORA, Мори и ДАЛЬ — оригинальные сайты наставника с AI-иллюстрациями и вымышленными брендами. Pocitel — учебный макет по предоставленным материалам меню, без заявления о заказчике или коммерческом запуске. AI Desk — оригинальное учебное 3D-демо наставника на Three.js. На карточках — материалы проектов; интерфейс и действия можно проверить в демо.

Разработка и обучение

Помогаем разрабатывать
продающие лендинги и сайты.

Два разных формата: мы помогаем сделать сайт для твоего дела или учим создавать его самостоятельно.

Для своего дела

Разработать сайт
для проекта

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

  • Структура, тексты и визуальное направление.
  • Мобильная версия, карточки и нужные действия.
  • Проверка и публикация; заявки и интеграции — по согласованному объёму.
Обсудить разработку по почте ↗
В онлайн-школе

Научиться создавать
сайты самому

«AI Разработчик» — 8 недель и 8 личных встреч, можно с нуля. Результат: функциональный лендинг, небольшой сайт или веб-приложение. В центре — структура, карточки, выбор и расчёт.

  • Разбор учебного лендинга Pocitel.
  • Первый экран, карточки и работающий выбор.
  • Проверки, исходники на GitHub и портфолио-кейс.
Выбрать обучение созданию сайтов ↗

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

Design Lab · 6 недель и 6 встреч. FLORA, Мори и ДАЛЬ показывают визуальные презентации и интерактив: палитру, историю, сохранение выбора. На этом маршруте создаём один свой сайт с 2–3 сценариями, можно с нуля. Для функционального лендинга с карточками и расчётом — «AI Разработчик», пример Pocitel ниже.

Оригинальная AI-иллюстрация проекта FLORA: выразительная ботаническая композиция
Иллюстрация из демо · AI-визуал
01 / Бренд и визуальный стиль

FLORA

Сайт, у которого есть характер

Ботаническая студия: крупная предметная композиция, спокойная типографика и конструктор настроения.

Попробуй в демоВыбери палитру и масштаб композиции. Сохрани свой визуальный бриф.
Оригинальная AI-иллюстрация проекта Мори: пушистый лесной персонаж в сказочном мире
Иллюстрация из демо · AI-визуал
02 / Персонаж и интерактивная история

Мори

Мир, в который хочется вернуться

Свой персонаж, короткая история и выбор читателя. Художественный образ становится частью работающей страницы.

Попробуй в демоПройди три главы, сделай выбор и найди свой финал истории.
Оригинальная AI-иллюстрация проекта ДАЛЬ: горное озеро, туман и хвойный лес
Иллюстрация из демо · AI-визуал
03 / Атмосфера и выбор маршрута

ДАЛЬ

Впечатление начинается с первого экрана

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

Попробуй в демоСравни три вымышленных маршрута, посмотри этапы и сохрани карточку.
Изображение завтрака из присланных материалов Pocitel для учебного сайта
Материал меню · учебный макет сайта
04 / Лендинг и понятный выбор

Pocitel

Функциональный лендинг · 8 недель

Кремовый фон, бордовая типографика и оливковые акценты из присланного меню. Четыре карточки сочетаний с составом, ценами и выгодой.

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

Учебный макет по предоставленным материалам Pocitel. Заказы не отправляются; коммерческий запуск и результаты продаж не заявляются.

AI Desk: кадр работающей 3D-сцены рабочего места со столом, креслом, монитором и светильником
Кадр работающей 3D-сцены · Three.js
05 / Предмет, материал и свет

AI Desk

Рабочее место, которое можно настроить

Компактная 3D-сцена: стол, кресло, монитор и светильник. Выбор материала и освещения меняет один и тот же предмет в реальном времени.

Попробуй в демоПоверни сцену, сравни три материала столешницы и переключи дневной и вечерний свет.

Оригинальное учебное демо наставника на Three.js, созданное с помощью кода и ИИ. Это визуальный концепт; инженерная проверка и изготовление мебели не входят в проект.

Твой проект в онлайн-школе

От «нравится»
до «сделал сам».

На обоих учебных маршрутах идём от своей идеи к проверенному демо. В Design Lab фокус на визуальном интерактиве; в «AI Разработчике» — на функциях сайта.

  1. 01

    Идея и визуальное направление

    Выберем тему, аудиторию и посильный результат. Соберём референсы и создадим свои изображения с ИИ.

  2. 02

    Работающий сайт

    Композиция, мобильная версия и 2–3 понятных сценария: выбор, история, сохранение или другой небольшой интерактив.

  3. 03

    Проверка и публикация

    Проверим основные действия, чтение на телефоне и загрузку. Оформим исходники и ссылку на учебный кейс.

Как продолжим?

Для разработки согласуем задачу, состав работ, сроки и стоимость. Для обучения нужен компьютер с современным браузером; программу и возможные расходы на сервисы обсудим до старта.

Обсудить разработку сайта по почте ↗
AI Разработчик · 8 недель / 8 встреч ↗Функциональный лендинг, небольшой сайт или веб-приложение.Design Lab · 6 недель / 6 встреч ↗Визуальный сайт с 2–3 интерактивными сценариями.

Перед стартом

Можно сделать проект на другую тему?

Да. Свой бренд, хобби, история, портфолио или интерактивное объяснение. Эти демо показывают подходы к визуальному стилю и действиям. Тему и сложность выберем на знакомстве.

Что я смогу показать после обучения?

Один собственный учебный сайт с мобильной версией, работающими сценариями, исходниками и ссылкой. Конкретный объём зависит от подготовки и самостоятельной практики; его согласуем до начала.

Картинки здесь — это 3D-модели?

В этих трёх проектах используются AI-иллюстрации. Интерактив реализован кодом страницы. Работающие 3D-примеры Room Control и Quiet Hours можно посмотреть в основном разделе Design Lab.