Демо-сайт Frambini: дизайн, код и видео с помощью ИИ

Почему взялись за проект без заказа

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

Так появился этот проект. Заказа со стороны Frambini не было

Что сделали

Собрали демонстрационную версию сайта: страницы, визуальный стиль, изображения, видео и анимации

С помощью ИИ генерировали варианты дизайна, затем отбирали их и собирали в единый сайт. Видео и часть изображений тоже создали с помощью ИИ. Код писали с ИИ-инструментами

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

Как шла работа

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

• бренд и продукт
• идеи оформления
• генерация вариантов с ИИ
• отбор и доработка
• изображения и видео
• сборка интерфейса
• код сайта
• анимации
• готовая демо-версия
• предложение потенциальному клиенту

ИИ ускорял работу с дизайном и разработку. Мы решали, какие варианты оставить и как страницы, контент и анимации будут работать вместе

Чем закончился проект

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

Мы написали Александру Смирнову в Instagram. До сотрудничества дело не дошло, проект остался демонстрационной работой

Где ещё можно использовать этот опыт

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

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