Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

8 заметок c тэгом «совет»

Интернет-магазин с нуля или готовое решение? Что ждет в каждом случае

Владимир Соловьёв, 28 мая

Готовая платформа или собственная разработка: что выбрать для интернет-магазина? На первый взгляд вопрос простой, но за ним скрывается много работы и затрат. Те, кто хоть раз запускал e-commerce проект, знают: поначалу всё кажется легким. Однако именно здесь принимается первое и главное решение, которое повлияет на всё дальнейшее.

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

Вариант 1

Готовое решение, когда скорость важнее контроля

CMS и платформы для e-commerce — это годы разработки, упакованные в продукт. Существуют десятки систем в которых отлажена вся базовая часть — корзина работает, оплата подключается, каталог настраивается. Разработчики уже написали этот код, проверили его на тысячах магазинов и продолжают поддерживать.

Плюсы

  • Быстрый старт — магазин можно запустить за дни, не месяцы
  • Базовые функции уже реализованы и отлажены
  • Обновления и поддержка от вендора
  • Аналитика и инструменты продвижения из коробки

Минусы

  • Много лишних функций, которые вам не нужны
  • Ограничения для нестандартных сценариев
  • Компромиссы. Платформа про типичный магазин, а не ваш
  • Риск потери обновлений при глубоких доработках

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

 Ещё один момент — выбор самой платформы. Анализ существующих решений может занять больше времени, чем кажется на первый взгляд. После этого стоит выбрать такое, в котором вы видите более удобные компромиссы.

Вариант 2

Собственная разработка, когда нужен полный контроль

Как только становится ясно, что существенную часть функциональности всё равно придётся делать «по-своему» появляется альтернатива: надо делать свой магазин, на удобном фреймворке . Сделать собственный движок означает, что архитектура отражает именно вашу бизнес-логику, а не логику обобщенного универсального интернет-магазина. Никаких чужих ограничений, всё работает именно так, как нужно вам.

Плюсы

  • Полный контроль
  • Любая логика без компромиссов
  • Нет ограничений платформы

Минусы

  • Дольше и дороже в разработке
  • Базовые функции придётся строить самостоятельно
  • Нужна команда и поддержка

Три вещи, которые часто недооценивают

Независимо от выбранного пути реализации движка сайта, есть несколько задач, объём которых почти всегда серьёзно недооценивают на старте. При том что это, по сути, ключевые составляющие интернет-магазина.

Наполнение каталога

Наполнение требует много времени. По объёму это больше, чем вся техническая часть.

Качество Наполнения 

Плохие фотографии, описание и характеристики снижают конверсию и доверие к магазину.

SEO

Высокая конкуренция требует детальной проработки выдачи в поисковых системах с первого дня.

С описаниями особенно легко попасть в ловушку: вы знаете товары как свои пять пальцев и кажется что «и так понятно, что продаём». Но покупатель видит предложение впервые. Если он не понимает в деталях — он не купит. Неполная карточка товара создаёт ощущение заброшенности, покупатель уйдет к конкурентам. При высокой конкуренции в e-commerce планка качества контента постоянно растёт.

 Совет для тех, кто делает магазин впервые: исходите из того, что вероятно делать придётся два раза. Первый магазин — это всегда обучение. Второй — уже осознанный. Не ищите идеальное решение с первой попытки — запустите рабочее. Чем раньше вы запустите первую версию, тем быстрее поймёте, что действительно нужно.

Эффект Liquid Glass на макетах

Владимир Соловьёв, 23 июля, 2025

В 2025 году в iOS 26 добавили эффект Liquid Glass. Через некоторое время в Figma стал доступен эффект Liquid Glass для использования при создании макетов.

Вот что стоит помнить если в макетах встречается этот эффект:

1. В 2025 году ни у кого в портфолио не может быть рабочих проектов с Liquid glass. Он только появился. Если вы видите его в чьём-то портфолио  — он добавлен специально. И скорее всего там был эффект Backdrop blur.

2. Нет никакого смысла рисовать на реальных макетах Liquid Glass. Это системный эффект в iOS, разработчикам достаточно просто договориться где он будет. Поэтому наличие эффекта Liquid Glass в макете — признак презентации макета далёкому от разработки человеку.

3. На web по настоящему эффект можно повторить только с определёнными ограничениями. Выгоднее симулировать эффект.

4.Не стоит делать в дизайне ключевой акцент на эффект Liquid Glass в проектах, которые просуществуют дольше ближайшего года, условно до 2026. Сейчас эффект не моден у обычных пользователей, а потом перестанет быть чем-то особенным. Такое уже было со стилями типа Neumorphism, Glassmorphism, Aurora и т.п.

5. Не забывайте что iOS это только часть мобильного мира, и большинство пользователей видят стиль интерфейса Android, в котором нет нативной реализации этого эффекта.

Палитра «Podhod Palette»

Владимир Соловьёв, 10 июля, 2025

Podhod Palette — это палитра приятных цветов, удобно организованных для дизайна в стиле «флэт», рисования иконок, создания иллюстраций и UV-развёрток при моделировании. Цвета отсортированы по градиентам и собраны в группы: цвета человеческой кожи, природы, огонь, небо, растений, земли, металла.

В палитре нет лишних острых цветов и web-safe colors. Палитра доступна в PNG как картинка 16×16, крупный PNG для расположения непосредственно на холсте изображения, PSD для самостоятельного редактирования и добавления промежуточных цветов, и, конечно, в стандартных форматах цифровой палитры ACO и ASE. Подходит для Adobe Photoshop, Adobe Illustrator, Procreate, Affinity Designer, Krita, PaintTool SAI, Manga Studio, MagicaVoxel, VoxelShop.

Плагины Crocoblock для создания сайта на Wordpress

Владимир Соловьёв, 24 апреля, 2025

Используйте плагины Crocoblock для Wordpress c Elementor. 

Элементор — это современный визуальный редактор темы оформления и содержания страниц для создания сайтов на Wordpress, не требующий программирования, и с использованием готовых шаблонов или вашего дизайна. А Крокоблок — это огромное число плагинов, названия которых начинается на «Jet», которые значительно расширяют возможности Elementor и WP.

Виджеты, мегаменю, конструктор и фильтры для WooCommerce и многое другое. Существуют расширения JetBooking и JetApointment, для создания сайтов резервирования мест в гостинице или записи на услуги. Важнейшим является плагин Crocoblock JetEngine — это конструктор взаимосвязей разных типов данных. Используется для создания CPT и Dynamic Fields которые возможностями интегрированы c Elementor, чем преимущественно отличается от аналогов: ACF, Pods или Toolset Types. Это позволяет легко создавать сложный вывод листинга архивов, кастомизацию содержания и оформления записей. Тем самым, Крокоблок облегчает жизнь разработчика под Вордпресс в 90% регулярных задач.

Сперва на сайт с WP устанавливается бесплатный плагин Elementor, потом Crocoblock. И можно даже не ставить Pro версию Элементора, если не требуются его возможности, поскольку в JetElements есть более функциональные аналоги.

На официальном сайте и в ютубе есть большой объём хорошей документации, множество видеоуроков, существует большое сообщество, выходят постоянные обновления. Разработчики принимают пожелания в Github ведут группу в фэйсбуке. Проект быстро крепнет, будет дальше развивается и уверенно поддерживаться.

Лифтинг логотипа

Владимир Соловьёв, 12 сентября, 2019

Лифтинг логотипа — это внесение изменений, которые улучшают логотип, но не меняют восприятие. Такое изменение логотипа может облагородить и улучшить изображение визуально, а также решить проблемы возникающие при печати. При этом лифтинг, в отличии от редизайна, не требует затрат на внедрение, поскольку переход происходит плавно и незаметно — компания просто начинает использовать исправленный логотип при создании новых материалов, не отказываясь от использования готовых старых.

Пример. На изображении слева обычный логотип, имеющий ряд недостатков:

  • Мелкие детали, неудобные при использовании в печати;
  • Неприятные острые углы и маленькие расстояния между элементами знака мешают использовать знак в мелком размере;
  • Большое количество цветов — восемь;
  • Один из цветов лишком бледный;
  • Из-за своей формы, буква «Ф» слишком выделяется.

Как можно улучшить такой логотип, чтобы изменения были не очень заметны?

  • Слегка увеличить мелкие детали;
  • Немного развернуть острые углы и увеличить расстояния между элементами знака;
  • Перекрасить элементы, чтобы осталось только четыре цвета;
  • Заменить бледный цвет на более активный;
  • Снять заглавные буквы и найти подобный шрифт, в котором буквы бы выглядели более равномерно и свободно.
Задать вопрос