Почему я ушёл из инфобиза и перешёл на сайты для классического бизнеса? 🆚

За 5 лет в веб-дизайне я сделал кучу сайтов для инфобиза (да, иногда я делал дизайн в стиле русский беханс и что вы мне сделаете 🤝🏻) Но два года назад сознательно начал создавать сайты в минимализме для бизнесов 👇Расскажу личные плюсы и минусы, и вы поймете почему я принял такое решение Инфобизнес ➕ Под каждый запуск нужен новый дизайн ➕ Отличная сарафанка и много постоянников, почти не ищешь клиентов ➕ Можно делать упаковку курса под ключ и брать 90–200к (сайт, лендинги, презентации, гайды, геткурс) ➖ Вечно горящие сроки ➖ Ты 24/7 привязан к ноутбуку и вносишь правки на бегу (см пункт выше) ➖ Нужно быть в тусовке продюсеров, чтобы находить новых клиентов ➖ Дизайн штампуется как на заводе и через месяц он никому уже не нужен ➖ 80% заказчиков плевать на UX – лишь бы «дорого-богато-ярко» и кнопка на весь экран в каждом блоке ———————————— Классический бизнес ➕ Долгосрочность – сайт живёт годами. Ты видишь вклад в развитие бизнеса и знаешь, что твоя работа на долгосрок ➕ Ссылки на сайты работают пару лет. Вы можете показывать их новым потенциальным клиентам, что добавляет доверия, нежели просто ссылка на Фигму ➕Ты реально влияешь на конверсию, а не просто штампуешь дизайн по ТЗ ➕ Легче искать клиентов. Вам открыто больше способов поиска клиентов ➕ Есть карьерный рост, в инфобизе вы просто ремесленник ➖ Сарафанка работает хуже ➖ Нужно разбираться в нишах, находить подход под каждую ЦА и брифовать клиентов ➖ Иногда проекты растягиваются и задерживают оплату, потому что сроки зачастую не горят. Но зато этот гэп в оплатах можно заполнять другими заказами ➖ Ответственность выше, потому что на сайты реально запускают в рекламу 💭Я устал делать сайты на пару недель, которые потом пылятся в Фигме. Хотел создавать ценность и видеть, как мой дизайн годами приносит заявки. И работает 24/7, а не только когда блогер опубликовал ссылку в сторис Да и перерос историю: «Ден, сделай плиз сайт за сутки» или в 11 вечера получать сообщения: «Внеси срочно правки, завтра утром анонс вебинара» Накидайте 🔥 и напишу для вас пост, как выбрать ниши в классическом бизнесе, где вам будут готовы платить 40-50 тыс за сайт

🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!

Изменяйте типографику, не заходя в Настройки блока. Чтобы вызвать меню, зажмите Cmd/Ctrl и кликните на текстовый элемент левой кнопкой мыши. Или кликните правой кнопкой на текст → Типографика. В появившемся меню можно задать цвет, размер, насыщенность текста, отступы, регистр и другие параметры. #tildaupdates

Новый инструмент Illustrator Turntable – это что-то странное Adobe Illustrator только что добавила в бета-версию новую функцию под названием Turntable... и это странно. В принципе, вы можете взять двухмерный векторный рисунок, нажать на кнопку, и Illustrator развернет его, как на поворотном столике. Внезапно у вашего плоского рисунка появились другие ракурсы – что-то вроде поддельного 3D, но все же векторного. В этом видео я тестирую его на своих собственных рисунках (включая рисунок кардинала, который не участвовал в этом эксперименте). Работает ли это на самом деле? Полезно ли это? Или это просто еще одна странная идея Adobe, которая заставляет вас воскликнуть "ха"? Посмотрите, как я пропускаю его через пресс, и увидите, гениален ли новый инструмент Illustrator Turntable... или просто глуповат. Автор Chris Piascik

Давайте сегодня поговорим об одной из самых частых ошибок в мобильных интерфейсах: размере шрифта. Часто интерфейс приложения выглядит аккуратно: структура, цвета, кнопки – вроде бы все идеально. Но при тестировании оказывается, что пользователи просто не читают часть текста, и если присмотреться, становится ясно: текст слишком мелкий, глаза напрягаются, буквы сливаются с фоном, заголовки и основной текст выглядят одинаково. Красивый интерфейс, который никто не читает – это пустая трата усилий. В видео разбираю 4 простых правила идеальной типографики в мобильных интерфейсах: 📌 Минимальный кегль + межстрочка 📌 Отступы и иерархия 📌 Контраст 📌 Доступность и языки Читабельность – это уважение к пользователю, а интерфейс — это разговор. Если его невозможно прочитать, разговора не будет. А теперь поделитесь: какой минимальный шрифт используете вы в своих проектах? Представьте, что этот текст будет читать ваша мама или бабушка — хватит ли им 12 px? 😊

Мы запускаем распродажу -50% на самые топовые курсы Bonnie&Slide — только до 31 августа. Осень уже близко, и это твой шанс начать учебный год с апгрейдом мышления и карьеры! К началу учебного года, мы подготовили еще больше приятных сюрпризов 🩷 💗 Купи курс в числе первых 20 человек и получи в подарок сертификат номиналом 3000 на печать своей фото книги Забирай свой курс по акции — пока кнопка «записаться» не исчезла

Новые проекты #madeontilda: сайт бухгалтерской компании, лендинг студии записи, интернет-магазин экипировки для сноубординга и другие. 20-30camp 👉 20-30camp.ru/camp Сайт компании по организации выездных лагерей для взрослых Glassman 👉 glassman.ru Интернет-магазин оптики Pro Bro 👉 buhbro.pro Сайт бухгалтерской компании Счастье есть 👉 schastye-est.ru Интернет-магазин подарков Сладкие белки 👉 sladkiebelki.ru Лендинг стартапа, разрабатывающего подсластитель с натуральным белком Radiator Center 👉 radiator.center Сайт производства трубчатых радиаторов Red Pepper Events 👉 redpepperevents.ru Сайт event-агентства kaiju 👉 kaijuu.ru Интернет-магазин экипировки для сноубординга Началово 👉 nachalovo.com Сайт питомника растений в Астрахани Оперпост 👉 operpost.ru/studio Лендинг студии записи подкастов и видео в Москве Отправляйте свои сайты через кнопку «Предложить сайт» на странице https://tilda.cc/ru/madeontilda 🧡

🎧 Лендинг, посвященный наушникам Aether 1 — настоящий интерактивный опыт. Из интересного — зацикленный сайт. Не новшество, но очень нативно сделано. Плюс ребята докинули нейронку в сайт, которая отвечает на вопросы (включая русский язык) про наушники. Из минусов — не дает поддержать диалог, а показывает кнопку «подробнее», но зато даёт ответ на русском языке. По сути, это сайт-петля, который плавно скроллится по кругу, рассказывая историю продукта. Стильно сделано! Однозначно стоит посмотреть, как можно креативно презентовать продукт и использовать нейросеть прямо на сайте. Зайти и протестировать ▶️ https://www.aether1.ai/# Музыкальный канал Саши ▶️ ▶️ https://t.me/paladinfm

🩷Делай коротко и мощно. Лаконичные, ударные тексты легко запоминаются и быстро воспринимаются аудиторией. В заголовках баннеров и презентаций используй короткие, цепляющие фразы вместо длинных описаний. 🩷Не бойся быть дерзким. Смелый и вызывающий подход привлекает внимание и помогает прорваться через информационный шум. Сделай текст или визуал контрастным и эмоциональным, чтобы вызвать сильную реакцию у зрителя. 🩷Ставь миссию в центр. Фокусируй коммуникацию на главной идее и ценностях, ясная миссия формирует лояльность и отличает бренд от конкурентов. При разработке презентации или рекламной кампании расскажи не только «что», но и «зачем» продукт существует. 🩷Используй слово как инструмент, а не украшение. Каждое слово должно нести смысл и вызывать действие. Убирай лишнее, оставляй только сильное. В микрокопирайте (например, CTA на кнопках) оставляй только четкие призывы к действию. Еще три принципа смотри в нашей статье! Там же — как Маяковский создавал плакаты по правилам современных баннеров, почему его слоганы стали первыми CTA и как «Окна РОСТА» превратились в прообраз креативного агентства.

Свежее обновление чекера - добавили модуль экспорта, выделение ошибок текселя и многое другое. 🖇️ Cкачать плагин 📌 Модуль экспорта 📌 Одна кнопка, которая подготавливает и обновляет весь пакет архивов НПМ и ВПМ. Теперь, после проверки, можно исправить ошибки и собрать архивы на лету: 🤎 можно экспортировать все архивы, а можно частично, сняв галочки с ненужных коллекций в аутлайнере; 🤎 так же есть опция сохранять старые архивы в подпапку, на всякий случай. Если после экспорта все ок, можно удалять папку со старыми архивами. 📌 Исправление ошибок в модели 📌 Некоторые ошибки можно исправить автоматически (возле соответствующих пунктов появится кнопка fix, при возникновении ошибки): 🤎 дубликаты вершин, изолированные вершины и ребра; 🤎 одноцветные заглушки; 🤎 альфа-канал для карт ERM, Normal и заглушек. 📌 Улучшения 📌 Множество небольших изменений и исправлений багов: 🤎 для текселя добавлена опция - выделить ошибочные полигоны; 🤎 добавлена проверка изолированных ребер и вершин; 🤎 добавлена проверка материалов остекления и корректность заполнения координат в geojson файлах; 🤎 добавлены рекомендательные пункты по RGB режиму и одноцветных незаглушек; 🤎 небольшие изменения в отображении различных элементов модели и кнопка "приблизить вид к модели". 🖇️ Cкачать плагин Постарались учесть большинство пожеланий. Спасибо за обратную связь! А еще, приходите 22 августа на лекторий «Цифровые трансформации в городе: Архитектура, дизайн, искусство и технологии», в рамках летнего фестиваля "Артбалкон". Познакомимся, поболтаем про оптимизацию подготовки моделей и многое другое. @sintez_space

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

• Более 300 компонентов (+ варианты) • Более 50+ категорий компонентов (кнопки, переключатели, текстовые поля и т. д.) • 36 скринов для примеров • сетка 4pt #UIk #iOS #app #UI Открыть в Figma

Дорогие рукодельницы! На нашем сайте появилось важное нововведение — рассказываем, почему мы вводим модерацию и как она будет работать. Возможно, некоторые из вас уже успели заметить, что привычную кнопку «Опубликовать» на Фотофоруме сменила кнопка «Отправить на модерацию». Для чего это нужно и что именно будет проверять модератор перед тем, как опубликовать вашу работу? Дело в том, что в последнее время на Фотофоруме стал появляться спам — публикации с содержанием, не просто не относящимся к тематике сайта, но и порой нелегального характера. Чтобы защитить любимый сайт от подобных угроз, мы и вынуждены были ввести модерацию: теперь опубликовать работу может только модератор, после того, как убедится, что в ней не содержится спама. Мы сделаем всё возможное, чтобы проверить ваши работы как можно быстрее. Тем не менее, наши модераторы работают не круглосуточно, поэтому иногда нам может потребоваться чуть больше времени — до 24-х часов. Надеемся на ваше понимание! #фотофорум

Фух, повозился я эти две недельки занятно. Без мощных продуктовых фич, конечно, но порядок навёл достаточно продуктивно. 🟢 Отрефакторил бэк Весь бэк жил на 99% в одном файле. Было сложно навигироваься и мне и ИИшке. Я разбил весь файл на мелкие. Вынес отдельно апишки, роуты, админку и так далее. Теперь порядок, все работает, ничего не сломалось, это было самое главное. Теперь сильно проще делать правки и фичи 🟣 Примерная зарплата Улучшил модельку и примерное определение зарплаты для каждой вакансии. Теперь определяет на порядок лучше и чётче. Не 100% верно, конечно, это невозможно, но учитывает десяток параметров, рынок, требования и ещё кучу всего. Повозиться пришлось, но вроде все гуд! 🟡 Поиск Было сложно, я просидел над этим часа 4 без перерыва, словил несколько багов, но теперь поиск работает шустрее. Был на питоне, стал на sql + fts. Сильно сократилось кол-во запросов к БД и грузится реально быстрее, как и весь сайт в целом после пересборки бэка и удаления лишних частей кода и рефакторинга кода 🔵 Страница компании Раньше со страницы компании вело просто на главную с подставленным в поисковый инпут названием и показывало ваки. Теперь каждая компания имеет свою страницу html, что улучшит SEO. Потихоньку добавляется описание и ссылка на сайт. Ну и вакансии удобно сгруппированы теперь на отдельной страничке, а не на главной 🟢 404 страницы У меня все удаленные вакансии падали в 404 страницу. То есть, если где-то была ссылка с вакансией и я её удалял, то пользователь получал 404 с кнопкой на главную. Сейчас вакансия существует, просто помечается как закрытая. Это лучше для SEO, страница не пропадает из индексирования, а остаётся. Буду смотреть эффект. На удивление, все было готово к этой фиче и вакансии уже удалялись не полностью, а «мягко», а я даже не знал. Получилось сделать быстро, кайф! Статистика тоже радует. Графики растут и прошлая неделя была самой максимальной за все время с трафиком из поисковых систем, что говорит о том, что seo работает лучше и лучше и людей с поиска идёт больше, чем в любую другую неделю. Это меня очень радует, но я буду продолжать. Сейчас, как оказалось, можно даже поднастроить внутри оптимизацию для нейронок, чтобы они тоже советовали твой сайт и пытались его найти) Я это сделал внутри, посмотрим на результат через время. И спасибо всем огромное, за последние 2 недели я получил больше 1500 регистраций, сейчас уже 3000+ зареганных пользователей почти. И огрооооомное количество благодарностей за сервис в личку на линке и в тг. Это очень-очень мотивирует и греет душу. Спасибо всем ❤️ Если у вас есть предложения, пожелания или вас что-то бесит, приходите в личку Ну и заглядывайте на сайт ❤️ ➡️ Заглянуть ➡️ Заглянуть ➡️ Заглянуть ч.13 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Команда Tutu рассказала, как они два года строили систему цветов для своих приложений. Начали с простого подхода: каждая кнопка и карточка получала свой цвет напрямую. Но быстро поняли, что одинаковые элементы выглядят по-разному, а переключение на тёмную тему превращается в кошмар. Пришлось всё переделывать и создавать умную систему, которая сама знает, какой цвет где использовать. Проблема была в том, что у Tutu три разных приложения с разным кодом. Старая система цветов работала плохо, а новую нужно было сделать быстро. Сначала просто назначили цвета каждому элементу отдельно, но потом поняли: нужны правила, которые автоматически выберут правильный цвет для любой ситуации. Внутри: – Проблема: три приложения с разными системами цветов; – Первый подход: каждому элементу свой цвет без правил; – Что пошло не так: одинаковые кнопки разных цветов; – Два типа экранов: белые карточки на сером и просто белый фон; – Как решили проблему тёмной темы через автопереключение; – Новая система: базовые цвета, правила и готовые элементы; – Упрощение работы дизайнеров через автоматические режимы; – Результат: порядок в цветах и лёгкие изменения. Кто любит возиться с ДСкой мастхэв видос ❤️ ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я активный пользователь Т-банка (скучающий по временам, когда это был самый удобный банк эвер). Каждый месяц я выбираю себе кэшбеки, 😭 прости господи. Ну и конечно почти все они соответствуют мемам в интернете: "скидка 12% на товары для левшей", "5% химчистка смокингов" и "2% на товары из бересты". Вылезает мне такого рода список, нужно выбрать 4 пункта. Выбираю один осознанно, три остальных от балды. Помню что-то там про START от Т-банка. Жму 🙂 кнопку применить кэшбеки... Мне приходит смс о том, что я успешно зарегистрировалась в стриминговом сервисе START, и что мол 30 дней бесплатно, а потом денежки будем списывать за подписку. Круто. Захожу на сайт STARTа и пытаюсь отключить подписку. Вижу сообщение выше на скрине. Вы серьезно?! Иду в Т-банк, пишу в поддержку, с 10 раза меня понимают и вроде как отключают подписку. На уточняющий вопрос ТОЧНО ЛИ ответа не поступило. Узнаем в следующем месяце 😄 Делитесь своими подгораниями.

Собрала для вас небольшую подборку анимаций для демонстрации возможности пролистать блок в сторону (особенно актуально для дизайна мобильных версий сайта). Скачать можно по этой ссылке. Откройте страницу, наведите курсор на любую анимацию, нажмите правой кнопкой и выберите «Сохранить картинку как...». 2 первых файла в формате SVG (взяты у Тильды) и имеют отличное качество в любом размере. Остальные 8 — GIF картинки размером 150х150рх, подойдут, если вам уже приелся дизайн стандартных иконок Тильды. #дизайн #freebie

Добавил цвета на фон и описания, чтобы было понятно что из какого урока, что именно демонстрируется в определенный момент времени. И кнопку воспроизведения на самом сайте сделал в стиле Liquid Glass. Также появился отдельный канал курса «Анимация интерфейсов» – @interfaceanimation, там преимущественно будут новости курса, информация о нём и ответы на вопросы, но также планирую там делиться личными историями и полезными находками, связанными с анимацией и презентацией интерфейсов. Также в планах обновить сам сайт.

UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение. В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум. Внутри: – Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками; – Баннеры в шапке с иконкой «X» и широким текстом; – Всплывашки в углу с тенью и вертикальными кнопками; – Общие принципы структуры и размещения для всех форматов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы