Портфолио и кейсы фрилансеров в категории WordPress

Демонстрационный пример доработки отдельных блоков сайта. Пять сравнений «до и после» раскрывают первый экран, карточку товара, форму заявки, блок тарифов и фильтр каталога. На изображениях сопоставлены расположение элементов, типографика, цветовые акценты и отступы. Содержание и основные задачи блоков сохраняются, а визуальные изменения помогают увидеть разницу в иерархии и организации интерфейса.

Semena Market — интернет-магазин семян на WordPress и WooCommerce. Моя роль: дизайн, разработка, пользовательские функции и сопровождение проекта. В подборке представлены каталог с фильтрами, подробная карточка товара, конструктор набора семян, календарь посева и мобильное отображение товара. Интерфейс объединяет выбор продукции, знакомство с характеристиками и подбор подходящего набора. Светлая палитра, крупные фотографии и понятные элементы управления связывают разделы магазина в единое оформление.

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

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

Демонстрационный пример интерфейса блога и раздела новостей. Показаны главная журнала, шаблон статьи, редактор публикации, мобильная версия и настройки рубрик. Карточки материалов объединяют заголовки и изображения, а страница статьи отделяет основной текст от навигации и дополнительных блоков. Серия раскрывает сценарии выбора публикации, чтения на телефоне и подготовки содержимого в панели управления.

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

Демонстрационный пример интерфейса страницы по готовому макету. В серии показаны сопоставление макета со страницей WordPress, сетка и типографика, мобильная адаптация, редактирование содержимого и единые компоненты. Отдельные экраны раскрывают работу с заголовками, изображениями, кнопками и повторяющимися элементами. Визуальные материалы показывают логику переноса согласованного дизайна на разные размеры экрана.

Демонстрационный пример интерфейса лендинга услуги. Серия раскрывает первый экран, предложение и состав услуги, этапы работы, мобильную версию, форму обращения и ответы на вопросы. Последовательность блоков ведёт от знакомства с предложением к выбору следующего действия. Крупная типографика, изображения и единые кнопки связывают разделы в цельную страницу.

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

Демонстрационный пример интерфейса конструктора товарного набора. Пользователь выбирает по одной позиции из трёх групп: семена, грунт и кашпо. Рядом показаны выбранный состав, цены и итоговая сумма. В серии раскрыты выбор товаров, проверка состава, отдельные позиции в корзине, мобильный экран и настройки групп. Зелёные акценты выделяют активные варианты и основные действия, а фотографии и единые карточки помогают сопоставлять товары. Корзина показывает количества и управление каждой позицией.