Hello! ✨ Zero Coding Ai / vibe codding
Цай Андрей Андреевич
| 👋 Привет! Я @AndrewDojoMedia 🚀 Я — Андрей Цай, предприниматель, digital-маркетолог и основатель Dojo Media — агентства, которое делает сайты, SEO и digital-решения для клиентов из РФ/EC/США и не только. 👀 Интересуюсь: – биохакингом и ЗОЖ 📈 – созданием ботов и микросервисов на Linux 💻 – видеоиграми и тем, как они развивают предпринимательское мышление 🎮🧠 🌱 Сейчас учусь: – как прокачать себя в зале без ущерба для сна – делать лекции, после которых студенты не залипают в телефон 🤓 – минималистично бэкапить проекты без боли Git 💞️ Открыт к коллаборациям: – по SEO – по AI-агентам – по Telegram-ботам 🤖 – по стартапам на стыке digital, контента и автоматизации – по обмену инсайтами про маркетинг, сон и креатив 📫 Связь: – Telegram @andrei7685 – или через сайт агентства |
Как было до..
Революция в разработке:
- Традиционная разработка требует специализированных навыков и времени.
- No-code платформы позволяют создавать сайты, приложения и автоматизировать процессы без написания кода.
- Доступность, скорость и низкий порог входа — главные преимущества No-code.
- Быстрая проверка гипотез
Кому подходит No-code:
- Предпринимателям для быстрого запуска MVP и тестирования бизнес-идей.
- Маркетологам для создания лендингов, email-рассылок и автоматизации задач.
- Дизайнерам для создания интерактивных прототипов и расширения возможностей.
- Всем, кто хочет воплощать идеи в цифровом мире без навыков программирования.
- Простым проектам где не нужен сложный функционал (что такое сложный функционал?)
Low-code
– это подход к разработке программного обеспечения, который позволяет создавать приложения с минимальным использованием ручного кодирования. Вместо того, чтобы писать код с нуля, разработчики используют визуальные инструменты и готовые компоненты для конструирования приложений. (Tilda)
Точная дата появления терминов "no-code" и "low-code"
сложно установить, так как они развивались постепенно и не были четко определены в какой-то конкретный момент.
С 2016 начали активно использоваться в разработке.
С 2016 начали активно использоваться в разработке.
Популярные платформы:
Tilda
Wix
Webflow
Squarespace
Shopify
Elementor, Divi + другие WP билдеры
Ai билдеры https://www.framer.com/ https://www.relume.io/
Wix
Webflow
Squarespace
Shopify
Elementor, Divi + другие WP билдеры
Ai билдеры https://www.framer.com/ https://www.relume.io/
Следующий этап развития ai кодинг
Совмещенный с билдерами и визуализация бэкенда, первые шаги в этом направлении делал игровой движок Unreal engine и comfyui
ИИ Агенты
воркфлоу
ИИ агент - это автономная система на базе искусственного интеллекта, которая воспринимает окружение, принимает решения и выполняет задачи самостоятельно. В отличие от воркфлоу (заранее определенной последовательности действий), агент может адаптироваться к ситуации, выбирать разные пути решения и учиться на своем опыте. Воркфлоу следует жесткому алгоритму "если X, то Y", а агент способен действовать гибко, "думать" и решать, что делать дальше.
сейчас используется гибрид, воркфлоу для создания агентов
Вайб-кодинг (vibe coding
это подход к программированию, при котором код пишется с помощью искусственного интеллекта. Вместо ручного написания — вы просто описываете задачу обычным языком, а AI генерирует код. Такой способ позволяет создавать софт даже тем, кто не умеет программировать.
Вайб кодинг
- https://v0.dev/Разработка промтами +правки
- https://bolt.new/Разработка промтами +правки
Промт/Вайб кодинг
Cursor
Подписка
Cline
API
RooCode
API
андрей цай
Насмотренность ключевой скилл в разработке сайтов
Почему насмотренность — ключевой скилл в разработке сайтов. (должны понимать какой блок для чего подходит и какой тип сайта нужен )
Как работает визуальное восприятие и как его развивать.
Первое впечатление: Первые несколько секунд после того, как пользователь попадает на сайт, формируют его первое впечатление. Визуальный дизайн играет ключевую роль в создании этого впечатления.
Сканирование: Пользователи сканируют страницы, а не читают их полностью. Хорошо продуманная композиция и иерархия элементов помогают направлять взгляд пользователя на важные элементы страницы.
Эмоциональная реакция: Цвета, шрифты и композиция могут вызывать определенные эмоции у пользователя. Дизайнеры используют этот эффект для создания нужного настроения и вовлечения пользователей.
Узнаваемость: Пользователи ожидают определенных визуальных элементов на веб-сайтах. Например, логотип в верхнем левом углу или меню в верхней части страницы.
Как работает визуальное восприятие и как его развивать.
Первое впечатление: Первые несколько секунд после того, как пользователь попадает на сайт, формируют его первое впечатление. Визуальный дизайн играет ключевую роль в создании этого впечатления.
Сканирование: Пользователи сканируют страницы, а не читают их полностью. Хорошо продуманная композиция и иерархия элементов помогают направлять взгляд пользователя на важные элементы страницы.
Эмоциональная реакция: Цвета, шрифты и композиция могут вызывать определенные эмоции у пользователя. Дизайнеры используют этот эффект для создания нужного настроения и вовлечения пользователей.
Узнаваемость: Пользователи ожидают определенных визуальных элементов на веб-сайтах. Например, логотип в верхнем левом углу или меню в верхней части страницы.
| Насмотренность Книги Фильмы Живопись Web-дизайн Индустрия моды Видеоигровая индустрия Нейросети/эклектика И все что нас окружает |
Это свойство кого-либо или какого-либо процесса, формирующего нечто новое и ценное.
Креативность
Создаваемый объект может быть неосязаемым (например, идея, научная теория, музыкальная композиция или шутка) или физическим объектом (например, изобретением, печатным литературным произведением или картиной).
Тренировка креативности через эклектичность
Креативность = творчество = насмотренность
Насмотренность = кругозор+опыт+умноженный на вашу любознательность
Эклектичность – микс вашей насмотренности для получения чего-то нового
Эклектичность не следует путать с хаотичным или бессистемным смешением
Насмотренность = кругозор+опыт+умноженный на вашу любознательность
Эклектичность – микс вашей насмотренности для получения чего-то нового
Эклектичность не следует путать с хаотичным или бессистемным смешением
АНДРЕЙ ЦАЙ
Читать между строк
Начни с анализа визуальных и текстовых материалов: ищи элементы, которые не сразу бросаются в глаза, и попытайся понять, почему автор или дизайнер сделал такой выбор. Это развивает способность видеть глубже, замечать подтексты и контексты, что помогает лучше воспринимать информацию и находить нестандартные решения.
Где брать вдохновение
curated.design → 😃
land-book.com → 😍
landing.gallery → 🥰
saaslandingpage.com → 🙄
admiretheweb.com → 👀
land-book.com → 😍
landing.gallery → 🥰
saaslandingpage.com → 🙄
admiretheweb.com → 👀
Анализируем тренды и лучшие практики
Ключевые принципы: юзабилити, типографика, цветовые схемы.
Разбор трендов в веб-дизайне: что актуально сегодня, а что устарело.
Анализ сайтов-лидеров: что делает их дизайн успешным? (с примерами).
Формируем собственный стиль
Определение целевой аудитории и ее визуальных предпочтений.
Создание мудбордов: как собирать и анализировать визуальные референсы.
Разработка собственного стиля: от идеи до реализации.
Создание мудбордов: как собирать и анализировать визуальные референсы.
Разработка собственного стиля: от идеи до реализации.
If a building becomes architecture, then it is art
Предпринимательское /
Маркетинговое мышление
Маркетинговое мышление
Чтение
Насмотренность
Бенчмарк
Опыт неудач
Критическое мышление
Думать на несколько шагов вперед
Читать между строк
Насмотренность
Бенчмарк
Опыт неудач
Критическое мышление
Думать на несколько шагов вперед
Читать между строк
"Библия" креативности
The Creative Act: A Way of Being
(Творческий акт: Способ существования)
(Творческий акт: Способ существования)
Everyone is a creator
Рик Рубен
Рик Рубен
Творчество – это не редкая способность. К нему нетрудно получить доступ. Творчество – это фундаментальный аспект человеческого бытия. Это наше право по рождению. И это касается каждого из нас.
Творчество не связано исключительно с созданием произведений искусства. Мы все занимаемся этим ежедневно. Новый путь на работу это уже проявление креатива.
Творчество не связано исключительно с созданием произведений искусства. Мы все занимаемся этим ежедневно. Новый путь на работу это уже проявление креатива.
Есть и вторая "библия"
Catching the Big Fish –
(Как поймать большую рыбу)
(Как поймать большую рыбу)
Значение контента на сайте
Контент как инструмент привлечения целевой аудитории.
Определение целевой аудитории и ее потребностей.
Как контент помогает привлечь нужных посетителей на ваш сайт.
Видео, фото, текст, графика, отзывы, показывать преимущества характеристик.
Сценарий использования!
Определение целевой аудитории и ее потребностей.
Как контент помогает привлечь нужных посетителей на ваш сайт.
Видео, фото, текст, графика, отзывы, показывать преимущества характеристик.
Сценарий использования!
- Hello! ✨ Контент как способ повысить доверие и лояльность.
- Как создавать контент, который формирует экспертный образ и укрепляет репутацию.
- Важность регулярного обновления контента для поддержания интереса аудитории.
1: Что такое фотостоки и как они работают?
Разница между платными и бесплатными фотостоками.
Лицензии на изображения: что важно знать, чтобы не нарушить авторские права.
Основные форматы файлов и их особенности. WEBP!
2: Как выбрать подходящий фотосток?
Критерии выбора: цена, качество, ассортимент, удобство поиска.
Обзор https://elements.envato.com/ru/
Советы по экономии на фотостоках.
Разница между платными и бесплатными фотостоками.
Лицензии на изображения: что важно знать, чтобы не нарушить авторские права.
Основные форматы файлов и их особенности. WEBP!
2: Как выбрать подходящий фотосток?
Критерии выбора: цена, качество, ассортимент, удобство поиска.
Обзор https://elements.envato.com/ru/
Советы по экономии на фотостоках.
https://www.midjourney.com/
Создаем контент под свои цели и задачи
comfyui
https://comfyworkflows.com/
самое гибкое решение в 2025 году можно сделать все что угодно от 3д до интерактивной книги
самое гибкое решение в 2025 году можно сделать все что угодно от 3д до интерактивной книги
Веб Аналитика
Яндекс Метрика