Ответ на пост «Как два юриста-блогера между собой судились»1
Как вы относитесь к тому, чтобы каждый блогер создал на каком-нибудь сайте HTML страницу, чтобы на смартфоне было удобно увидеть больше 10 заголовков его постов за текущий месяц, а также - перейти на раздел (или страницу) с публикациями за любой другой месяц (то есть с удобным UI - пользовательским интерфейсом)?
Тест «Буба и Кики»: Исследование визуального восприятия графических примитивов (1 минута)
Привет, Пикабу! Собираю первичный датасет для исследования на стыке UX/UI дизайна и когнитивной науки (база — феномен кросс-модального восприятия мозга).
Цель — проверить, как человеческое подсознание обрабатывает простейшие геометрические формы на экранах смартфонов и ПК, и выявить скрытые аномалии выбора.
В тесте вообще нет текстовых вопросов. Только 6 быстрых блоков с фигурами. Задача — выбирать варианты на чистом секундном интуитивном отклике, не задумываясь.
Опрос полностью анонимный, без регистраций и сбора личных данных. Проходится ровно за 1 минуту. Помогите закрыть выборку, нужно набрать финальный пласт ответов!
Делюсь большой крутой дизайн-системой, которую мы используем на реальных проектах
Изначально в своей студии веб-дизайна я сам отрисовывал сайты. Поскольку я не считаю себя альтернативно одарённым человеком, быстро пришёл к выводу: нет смысла каждый раз рисовать одни и те же элементы. Кнопки, поля ввода, табы, аккордеоны – это из раза в раз повторяется, не особо нуждается в уникальности, но жрёт уйму времени.
Плюс я всегда заготавливал анимации для кликабельного прототипа. Для нас это важно: мы показываем клиенту на этапе дизайна все возможности сайта.
Зачем я её сделал
Мы в студии в основном делаем промо-проекты и интернет-магазины. Наша задача – быстро применить фирменный стиль, за счёт этого уникализировать проект и начать собирать страницы.
В процессе поиска я посмотрел кучу примеров: Material Design от Google, Taiga UI (тот, что в продуктах Тинькова) и много других из Figma Community. Но во всех случаях мне не хватало гибкости и простоты изменения стилей.
И так как ничего под эти параметры не подошло, я решил скомпоновать все свои наработки в одну дизайн-систему. И убил двух зайцев:
✅ Первое – система стала отличным регламентом для дизайна в студии. Я заложил туда не только готовые элементы, но и правила: кратность четырём, сетки, базовые размерности. Новички перестали страдать гигантизмом, не забывают про адаптивы и тратят меньше времени на анимации для прототипа.
✅ Второе – я сильно сократил время запуска проектов. Раньше на подготовку UI могла уйти неделя (и больше). Сейчас – запустить проект можно за один день. Подобрал цвета, подобрал гарнитуры, закинул в дизайн-систему – получил готовый UI-кит.
Не люблю долго ходить вокруг да около – ссылка на дизайн-систему: https://www.figma.com/community/file/1623663606281890998/free-ui-kit-design-system-ecommerce-website-template-ompletely-free-for-figma. А дальше – небольшой разбор с пояснениями, что я такого сделал.
Стили – с чего начинается система 🎨
Обычно практика такая: цвета задаются для каждого элемента отдельно. Цвет кнопок, инпутов, фона, текста… Менять это под каждый проект – не сложно, но очень муторно.
Я распределил логику иначе:
Базовая палитра серых оттенков – используется повсеместно.
Цветовые палитры – можно добавлять сколько угодно. По умолчанию их две, потому что на сайтах чаще всего используют либо комплементарные пары, либо аналогичную гамму.
Цвета текста вынес отдельно – чтобы можно было независимо менять цвет текста и фона.
Это всё получено эмпирическим путём. Я остановился на таком варианте, и, как по мне, под наши задачи он подходит идеально.
С текстами то же самое: у нас есть заголовки, тело письма, а также отдельные стили под UI-элементы (кнопки, табы). Почему я их добавил? Потому что в работе мне не хватало гибкости именно с элементами интерфейса.
Скомпоновав стили, я добился главного – можно очень быстро уникализировать проект.
UI – только нужные элементы 🔧
В разделе UI – необходимый набор, чтобы сделать сайт. Да, в других системах вы увидите очень много компонентов. Но я решил сконцентрироваться на другом: мы не рисуем дашборды и личные кабинеты веб-приложений, мы делаем сайты. Поэтому я заготовил элементы, которые чаще всего нужны именно на сайтах.
И ещё важный момент: несколько вариантов стилизации одних и тех же элементов.
Кнопки можно уникализировать скруглениями.
Для полей ввода (Input) я заготовил несколько стилей:– стандартный (как в Bootstrap)– в духе старого Material Design– поле с нижним подчёркиванием (для брутальных ресурсов, где внешний вид важнее удобства)
Почти во всех элементах заготовлены светлая и тёмная темы. Почему? Потому что на сайтах часто бывают и светлые, и тёмные секции. Перекрасить одной кнопкой не получится – проще перекрашивать элементы внутри.
Компоненты – готовые элементы с UX-логикой и анимациями 🧩
В дизайн-системе несколько разделов с компонентами:
Базовые
Для каталога
Для интернет-магазина
Для блога
Они названы не от балды. Скажу по секрету: мы разрабатываем сайты на своей платформе (в планах выпустить её бесплатно). Так вот, эти разделы соответствуют папкам с компонентами у разработчиков в проекте.
Один и тот же компонент (например, из каталога) может использоваться и в личном кабинете – поэтому он сделан в одном месте.
У всех компонентов я постарался предусмотреть анимации для кликабельного прототипа. Этого очень не хватает в дизайн-системах, которые я находил в интернете.
Вставив компонент, вы сразу можете показать клиенту логику и работу элемента. И разработчику – тоже.
Вишенка на торте – готовый шаблон интернет-магазина 🍒
Я сделал базовый шаблон интернет-магазина. Конечно, для многих клиентов нужен уникальный функционал – без проблем, мы создаём уникальные компоненты и встраиваем их в систему.
Но этот шаблон позволяет очень быстро заготовить магазин: базовые страницы, функционал, навигацию. И он полностью кликабельный.
Плюс я заготовил все необходимые страницы – у начинающих дизайнеров теперь меньше шансов что-то забыть нарисовать.
Что в планах?
Развивать шаблон дальше. Уже есть два варианта блога (плитка и лента).
Добавить другие варианты оформления заказа: постраничный, упрощённый, масштабный.
Но базис уже есть. А при любом строительстве главное – надёжный фундамент.
Финал 😉
Свою дизайн-систему я уже опубликовал в Figma Community. Буду честен: хотелось не просто поделиться бесплатно, но и получить немного внимания. Однако чуда не случилось – она довольно легко затерялась среди других.
Но я не использовал все возможные ресурсы, чтобы ей поделиться. Поэтому и пишу эту статью.
Самая крутая оценка моей работы – если вы будете ею пользоваться и оцените возможности, которые я туда заложил.
И ещё: подпишитесь на мой телеграм-канал. Я заготовил интернациональную версию системы, но в студии мы используем русскую версию – с русским UX, текстами и логикой. Она у меня есть. Если будете подписываться и просить – это подтолкнёт меня опубликовать и её. Поверьте, вы даже не представляете, сколько времени вы сократите на написание текстов и логику.
А пока – спасибо, что дочитали. Пользуйтесь на здоровье.
Adios, amigos!
Почему ваш лендинг жрет деньги из Директа, но не дает заявок (анатомия нормальной посадочной страницы)
Привет, Пикабу! На связи снова маркетинговое агентство «Интернет Решения». Мы каждый день смотрим на десятки клиентских сайтов и видим одну и ту же картину: трафик идет, бюджет в Директе улетает со свистом, а конверсия болтается в районе статистической погрешности.
Давайте сразу к делу: конверсия лендинга - это не вопрос красивого дизайна, это вопрос точного соответствия ожиданиям пользователя. Сейчас средняя конверсия по рынку болтается от 2% до 10%, но лидеры ниш выжимают 20–30% просто за счет глубокой проработки смыслов и технической гигиены.
Как собрать посадочную страницу, которая действительно продает, а не просто висит в интернете? Делюсь рабочим каркасом.
1. Фундамент: Проработка оффера и УТП
Прежде чем дергать дизайнера и рисовать макет, нужно сформулировать Сильное Предложение (Оффер). По данным аналитики, 80% успеха зависит от первого экрана.
Формула 4U: Ваш заголовок должен содержать Usefulness (Полезность), Urgency (Срочность), Ultra-specificity (Специфичность) и Uniqueness (Уникальность).
Решение боли: Клиент покупает не дрель, а дырку в стене. Фокусируйтесь на результате.
Связка «Реклама = Лендинг»: Заголовок страницы должен на 100% совпадать с текстом рекламного объявления. Человек кликнул на «ремонт квартир под ключ» - он должен увидеть это же на первом экране, а не «строительные услуги широкого профиля».
«Правило "Выше складки" (Above the Fold). Пользователи тратят 80% своего времени на просмотр информации на первом экране. Именно он определяет, останется ли посетитель или закроет вкладку» - Nielsen Norman Group, лидеры мирового UX-аудита.
Из нашей практики: Когда мы делали посадочную для ЖК «Ленинские высотки» в Уфе, мы убрали с первого экрана весь мусор про «динамично развивающегося застройщика». Мы оставили конкретику: локация, класс жилья и понятный оффер (условия по ипотеке). И это сразу дало рост заявок.
2. Психологическая структура (Фреймворки)
Чтобы удержать внимание, не нужно изобретать велосипед. Используйте проверенные модели:
AIDA: Внимание (Attention) → Интерес (Interest) → Желание (Desire) → Действие (Action).
PMPHS: Проблема (Problem) → Обострение (More Problem) → Надежда (Hope) → Решение (Solution).
Метод скользкой горки: Каждое предложение должно быть настолько интересным, чтобы пользователь не мог не прочитать следующее.
3. Элементы доверия (Social Proof)
Без доверия конверсия равна нулю. «Пустые» отзывы в стиле «Все супер, спасибо компании!» больше не работают - они только бесят.
Кейсы: Только формат «Было / Стало» с конкретными цифрами.
Живые отзывы: Со ссылками на соцсети клиентов, скрины из мессенджеров или видеоформат.
Лицо бренда: Фотографии реальных сотрудников и вашего настоящего офиса/производства продают лучше, чем вылизанные стоковые фото с улыбающимися людьми.
4. Дизайн и UX: Убираем трение
Избыточный дизайн убивает продажи. Лендинг должен быть «чистым».
Коэффициент внимания (Attention Ratio): На лендинге он должен составлять 1:1. Одна цель - одна ссылка для её достижения. Каждая лишняя кнопка «наши новости» или «перейти в VK» - это дыра в воронке, куда утекают ваши деньги (Unbounce).
Минимум полей: Каждое лишнее поле в форме заявки режет конверсию на 10-15%. Просите только критически важное (телефон или email).
«Сокращение количества полей в форме с четырех до трех может повысить конверсию почти на 50%» - HubSpot, крупнейшая CRM-платформа.
5. Техническая оптимизация
Mobile First: Более 70% трафика - с телефонов. Ваш сайт должен идеально управляться одним большим пальцем.
Скорость: Если страница грузится дольше 3 секунд, вы теряете до половины трафика. Режьте вес картинок (используйте WebP), настраивайте ленивую загрузку.
HTTPS: Без SSL-сертификата браузер напишет, что ваш сайт «опасен». Это мгновенная смерть конверсии.
Рабочая структура лендинга (универсальный «скелет»)
Если вы не знаете, с чего начать, идите по этому пути:
Первый экран: Оффер + CTA (призыв к действию) + визуальное доказательство.
Боль/ситуация: Заставьте клиента узнать себя.
Решение: Как именно вы закрываете боль.
Преимущества: 3–7 пунктов без воды, только факты.
Процесс работы: Что, как и в какие сроки будет происходить.
Кейсы/Результаты: Цифры, до/после.
Соцдоказательства: Отзывы, сертификаты, реальные фото.
Цены/Пакеты: Хотя бы формат «от...» и что входит, чтобы снять тревогу.
FAQ: Закрываем частые возражения (гарантии, риски, возврат).
Финальный CTA: Контакты, реквизиты (для юридической прозрачности).
Итог: Как проверить себя прямо сейчас?
Откройте свой лендинг и посмотрите на первый экран глазами уставшего клиента. Ответьте на 3 вопроса ровно за 3 секунды:
Где я нахожусь?
В чем моя личная выгода?
Что мне нужно сделать прямо сейчас (куда нажать)?
Если ответы не очевидны - вы прямо сейчас теряете деньги, и сайт нужно дорабатывать.
Эту статью я собрал как выжимку из нашего большого руководства по архитектуре продаж на лендингах. Если вам интересно копнуть глубже в аналитику, A/B тесты и настройку лид-магнитов - заглядывайте в блог.
А пока - кидайте в комментарии ссылки на свои лендинги. Постараюсь оперативно посмотреть первые экраны и дать бесплатный мини-аудит, почему они могут не конвертить!
"mail с ru" или фекалии хлещут через край
Заставил зайти в это. Пальцы сопротивляются, но вводят "mail с ru" 5 сек, ожидания 100Мб/сек. нажимаю "Войти", открылось белое окошко с индикатором загрузки, жду... 2 сек, сайт загрузил даже эфир первого канала, полилось не только в глаза но и в уши. 10 сек. терпение не выдерживает F5, ситуация повторятеся 3 раза, забил хер...
...запускаем "m.mail с ru", теперь в глазах не только кровь, но и песок... Где бля, кнопка "Войти", ищу справа, т.к. на основном сайте справа вверху, а хуй, кнопка войти, это кнопка "Почта", хуй с ним, жмём. "Быстро" проходим авторизацию, о которой можно тоже только с матом...
После авторизации...
СУУУКААА!!!
Где кнопка "Выйти", нет она не под аватаркой, под аватаркой спрятался он ̶А̶т̶о̶м̶ "Амиго", выход внизу страницы, хотя бы есть.
@Mail.Rus, если вы книгами по UX/UI подтираетесь, то пожалуйста, пиздите друг-друга этими книгами, если не умеете читать и применять их по назначению!
P.S. Основной сайт с авторизацией открылся, проверил ради эксперимента, нужно ждать чуть больше 30 секунд. Ушел со своим устаревшим браузером обратно в gmail.com.
Курсы дизайна Алексея Бычкова. Отзыв 2026. Ужасно
Сразу хочу предупредить: пожалуйста, не платите деньги людям без образования, которые обещают сделать из вас профессионала за три месяца! Особенно в такой сложной сфере, как интернет-технологии. Всё, что я пишу ниже, — мой личный опыт и мои выводы.
Я не новичок: изучала дизайн в университете и имею опыт работы в данной сфере. Я наткнулась на канал Алексея, стала смотреть и оставляла комментарии под его видео. Примерно через пару недель он сам написал мне и пригласил на «бесплатное место». Насколько я поняла, приглашение было связано именно с моей активностью в комментариях.
С самого начала происходящее вызывало у меня тревогу. После сдачи домашних заданий я регулярно получала от Алексея сообщения в духе «ты скоро нас покинешь», «прощайся с однокурсниками». Это не мотивировало — это пугало. Очень быстро появилось ощущение, что ты находишься не на обучении, а под постоянным наблюдением.
Все это усилилось, когда Алексей начал пересылать мне скриншоты моих переписок с другими учениками из общего чата. То есть он явно читал мои диалоги, сохранял их и использовал в общении со мной же. В этот момент чувство стало уже не просто некомфортным, а откровенно пугающим. Возникало стойкое ощущение, что за тобой следят. По моим ощущениям это сравнению с поведением маньяка — именно по уровню зацикленности на моей персоне, навязчивого контроля и давления.
Почти сразу в мой адрес начали приходить угрозы и оскорбления. Сообщения часто редактировались по 2–3 раза, тон резко менялся — от псевдо-наставнического до агрессивного. Всё это выглядело как сознательное психологическое давление.
После очередного сообщения в стиле «мне очень жаль, но тебе здесь не место», мне начали писать другие участники с «добрыми советами» срочно перейти на платный тариф. Именно в этот момент у меня возникло абсолютно чёткое чувство, что я нахожусь не в образовательной среде, а внутри крайне сомнительной схемы.
На бесплатном обучении были я - типичная жена айтишника и девушка из ОАЭ. Замечу, что не мужики из условного Саратова, а именно девушки, которых легко считать платёжеспособными. У меня сложилось субъективное впечатление, что перед приглашением на «бесплатное» обучение, автором внимательно изучаются социальные сети и финансовый бэкграунд потенциального ученика.
При этом заявленное количество учеников было более 100 человек. Но активных людей в чате, по количеству сообщений и сданных домашних заданий, было от силы 15–20. Остальные выглядели как «мёртвые души», записанные для создания ощущения массовости и востребованности курса. Это не факт, а моё наблюдение, но разрыв между цифрами и реальной активностью был слишком очевиден. Хотелось бы, что бы налоговая служба прояснила, сколько же на самом деле людей проходят данный курс 🙃Возможно, мои суждения ошибочны и этот курс от Минского блоггера действительно приобретают более 100 человек каждые три месяца. На конец 2025 года он стоил около 800$ с человека.
Теперь о самом обучении.
Объяснения были крайне запутанные. Даже самые простые темы растягиваются на 3–4 часа. Чтобы хоть что-то понять, приходится пересматривать эфиры по несколько раз. Вероятно, только за счет этого будет осуществляться ваш прогресс. Складывается впечатление, что у лектора нет чёткой структуры и он сам не до конца понимает, что и зачем объясняет.
Чёткого расписания и последовательности тем так же нет, занятия постоянно переносятся. На прямых эфирах обычно присутствует 3–5 человек. Запись эфиров строго запрещена даже для личного пользования. При этом именно на эфирах регулярно звучат оскорбления учеников, грубая лексика, высмеивание других школ дизайна и самих дизайнеров — что, по моему мнению, и объясняет запрет на записи.
Алексей неоднократно и с гордостью заявлял, что у него нет профессионального образования ни в дизайне, ни в педагогике.
По моим ощущениям, вся система курса построена на психологическом насилии, страхе и подавлении. Автор несколько раз упоминал своё любимое шоу «Игры Габара», где люди выполняют унизительные и травмирующие задания. У меня сложилось впечатление, что именно эта логика — «сломать, запугать, продавить» — и лежит в основе его преподавания.
Также у меня есть серьёзные сомнения в подлинности значительной части положительных отзывов — они выглядят так, как будто это продукт какого-то смм- агрегатора плюс ученики, которым пригрозили не дать диплом, если они напишут правду. Конечно же, это исключительно моё оценочное мнение🤞
Этот опыт оставил у меня сильное чувство тревоги и разочарования. Я делюсь своим отзывом, чтобы предупредить других. Пожалуйста, будьте крайне осторожны с курсами, где обещают быстрый успех, большие зарплаты и используют давление и манипуляции вместо нормального обучения. Вы потратите силы, здоровье и деньги и, возможно, навсегда откажетесь от мечты стать профессионалом в интересной вам сфере.
На последок прикреплю пару примеров бытового общения на курсе. Там были вещи гораздо жёстче и оскорбительнее, но из-за состояния шока мне даже в голову не приходило всё это посохранять. К сожалению.
Это сообщение для девочки, которая впервые учится дизайну и культурно задала вопрос по теме. Вот такой "базарный" разговор вас ждёт с преподавателем вместо адекватного разбора домашних
Почему ваш сайт на шаблоне никогда не выйдет в топ: мое мнение
На Пикабу часто проскакивают посты в духе «Сделал сайт на конструкторе за вечер, почему нет заказов?». Как человек, который ежедневно копается в коде и UX, я решил разложить по полочкам, почему попытка сэкономить 50к на старте превращается в потерю миллионов в перспективе.
Если вы думаете, что поисковикам плевать на дизайн — вы застряли в 2010-м. Сейчас объясню, почему Google и Яндекс считают ваш шаблонный сайт «цифровым мусором».
1. Вес имеет значение
Шаблон — это швейцарский нож, в котором 90% инструментов вам не нужны. В коде висят библиотеки для калькуляторов, галерей и форм, которые вы даже не включали. Итог: PageSpeed горит красным, а поисковый робот, как ленивый гость, уходит, не дождавшись загрузки.
2. Поведенческий фактор — это приговор
В 2026 году нейросети поисковиков научились понимать, «удобно» пользователю или нет. Если человек заходит на типовой лендинг, который он видел уже сотню раз под разными брендами, он закрывает вкладку через 3 секунды. Поисковик ставит галочку: «Сайт — скучное Г, понижаем».
Кстати, больше примеров того, как дизайн влияет на бабки, я разбираю в своем ТГ-канале:
t.me/wedizstudio. Там без цензуры о том, что реально работает в вебе.
3. SEO-капкан в структуре
В шаблоне вы не хозяин. Вы не можете поменять иерархию заголовков или переделать разметку так, как того требует семантическое ядро. Вы пытаетесь натянуть сову на глобус, а поисковик видит дублирование структур и считает вас очередным «дорвеем».
Что делать?
Если бюджет поджимает — берите Tilda или WordPress, но не используйте стандартные блоки. Делайте Zero Block (в Тильде) или кастомную верстку. Уникальность — это не про «красивые картинки», а про чистый код и путь пользователя (UX).
Если вы понимаете, что шаблонный сайт — это тупик, и вам нужен уникальный инструмент, который реально будет приводить клиентов, пишите мне. Я делаю дизайн, который поисковики любят с первого сканирования. Обсудить проект можно тут:
t.me/wedizstudio
Итог: Шаблон хорош для проверки гипотезы на неделю. Для серьезного бизнеса это путь в никуда. Хотите быть в топе — будьте уникальными.


















