UI/UX под WordPress: переосмыслить структуру, поднять конверсию, привести визуал к 2026 году. С прототипами в Figma и тестированием.
Дизайн интерфейса для WordPress-сайта — это не «нарисую красивые картинки», а проектирование рабочего инструмента, который должен решать конкретные задачи: вести посетителя по воронке к цели, ясно объяснять ценность продукта, работать на мобильных и десктопе, корректно отображаться в разных языковых версиях, выдерживать развитие сайта годами без переписывания.
Я работаю с дизайном в двух режимах. Pixel-perfect вёрстка по готовому Figma — когда у клиента есть свой дизайнер или партнёр, который сделал макеты, а нужен надёжный разработчик. Такой режим использовали в проектах Apuleius, FinEx, ProZakon54, Waliot, Citizora. Полный цикл от концепции до production — когда дизайн нужно сделать с нуля под бренд клиента. Такой режим работал на RAMOTOR (B2C-лендинг), Space Marketplace (marketing-сайт), Förskolan Spiggen (вместе с дизайнером команды для полного бренд-пакета).
Мой подход: дизайн начинается с понимания «что не работает» (UX-аудит конверсионных путей), а не «нравится / не нравится». Я делаю работающую дизайн-систему с токенами (CSS Custom Properties или Figma Variables) — цвета, типографика, отступы, скругления, тени собраны в единую структуру, новые страницы собираются за часы из готовых компонентов. Mobile-first прототипы, поддержка тёмной темы, интеграция в Gutenberg-блоки прямо в WordPress — это даёт долгоживущий результат, который развивается вместе с сайтом.
Не «нарисую красивые картинки». Делаю работающую дизайн-систему, которую можно поддерживать и развивать годами.
Прежде чем рисовать — смотрим где у вас падает конверсия. Анализ воронки в Yandex Metrica / Google Analytics, проверка форм, кнопок, заголовков, мобильной версии. Дизайн начинается с понимания «что не работает», а не «нравится / не нравится».
Цвета, типографика, отступы, скругления, тени — собраны в систему дизайн-токенов (CSS Custom Properties или Figma Variables). Новые страницы собираются за часы из готовых компонентов, а не «с нуля». Тёмная тема — переключателем без переделки.
Сначала мобильная версия (большинство трафика), потом планшет, потом десктоп. Прототипы с поведением: hover, focus, error states, loading. Без сюрпризов при разработке — то что в Figma, то и на сайте.
Дизайн не просто «макет». Сразу делаются Gutenberg-блоки, чтобы клиент собирал страницы из них самостоятельно. Это значит — дизайн не «застывает», а живёт и развивается вместе с сайтом.
Два варианта работы. Pixel-perfect: воплощение точно по макету (если есть готовый Figma от вашего дизайнера). Брендовая адаптация: я разрабатываю дизайн с нуля под ваш бренд и стиль. Цена зависит от подхода.
Смотрю текущий сайт, обсуждаем бренд, целевую аудиторию, конкурентов, конверсионные цели.
2-3 варианта направления (стиль, цветовая палитра, типографика). Выбираем одно, развиваем.
Мобильная версия → планшет → десктоп. Тестирование на пользовательских сценариях.
Превращаем дизайн в Gutenberg-блоки на боевом сайте.
B2C лендинг для продавца контрактных двигателей из Европы. Дизайн, вёрстка, WordPress на 100% Gutenberg, инте…
Читать кейс →Сайт частного семейного детского сада в Швеции. Кастомная тема WordPress, 100% Gutenberg, PageSpeed 100/98, п…
Читать кейс →Современный сайт торгового центра в Вологде на чистом Gutenberg. AJAX-каталог магазинов, авторский антиспам, …
Читать кейс →Да. Pixel-perfect вёрстка по Figma макетам — отдельная компетенция. Часто работаю так: Apuleius, FinEx, ProZakon54, Waliot, Citizora — везде дизайн был от команды клиента или партнёра.
Да. Могу сделать дизайн в Figma и передать макеты вашему разработчику. Но обычно эффективнее заказать «дизайн + вёрстку» в одном месте — меньше потерь при передаче.
Да. Это часть моей стандартной дизайн-системы. Переключатель тем добавляется без переделки сайта.
2-3 концепции на первом этапе, дальше развиваем выбранную. Не делаю «5 разных вариантов» — это размывает фокус и удорожает работу без пользы.
Ответ за 24 часа в рабочее время GMT+5 на любой запрос
NDA подписываем до обсуждения деталей — ваша задача защищена с первого касания
Гарантия возврата 30 дней — если работа явно не соответствует ТЗ
Документация и доступы передаются вам — никакого «секретного знания»
Без скрытых платежей и допсметы по ходу — фикс цена в договоре
Работа через staging — никаких сюрпризов на боевом сайте
Кастомные WordPress-сайты на ACF + Gutenberg. От лендинга до корпоративного портала с интеграциями.
Кастомные плагины WordPress под бизнес-сценарий или для рынка. Документация, PHPUnit-тесты, готовность к публ…
Core Web Vitals, Schema.org, скорость, техническое SEO. Реальные кейсы: PageSpeed из красной зоны в 90+, GEO-…
