Интернет-магазин для шведского клиента, созданный для продажи фанатских футболок по футболу. Разработали дизайн, адаптированный для верстки на WordPress, с акцентом на простоту, функциональность и продающую структуру, чтобы привлечь болельщиков и снизить затраты клиента на комиссии маркетплейсов.
Задача:
Создать интернет-магазин на WordPress для продажи футбольных футболок, заменив продажи через Facebook, где выросли комиссии. Сайт должен быть простым, строгим, удобным для фанатов футбола и оптимизированным для SEO, чтобы привлекать органический трафик. Клиент уже работал с WordPress, поэтому платформа была выбрана для удобства управления.
Структура
Главная страница (лендинг с акцентом на каталог и бренд).
О компании
Контакты
Новости
Каталог товаров.
Карточка товара.
Корзина и страница оформления покупки.
Технические страницы:
Спасибо (за покупку).
Политика конфиденциальности.
Страница ошибки (404).
Технические задачи
Анализ конкурентов и ниши.
Подбор шрифтов и цветовой палитры.
Сбор и анализ мудборда.
Разработка продающей структуры.
Дизайн в Figma с адаптивами для десктопа, планшета и мобильного.
Создание UI-kit и передача материалов для верстки.
Базовая SEO-готовность (метатеги, alt-тексты для изображений футболок).
Сроки
10 дней на дизайн и подготовку к верстке.
Дизайн
Дизайн магазина вдохновлен футбольной эстетикой: строгий, минималистичный, с фокусом на продукте. Мы учли, что целевая аудитория — болельщики, которые ценят удобство и скорость покупки. По пожеланию клиента анимации не использовали, сосредоточившись на чистоте и функциональности.
Чтобы привлечь фанатов футбола, мы:
Создали продающий первый экран. Посетитель видит яркие фото футболок, лаконичный заголовок (например, «Фанатские футболки для настоящих болельщиков») и кнопку «В каталог». Простая структура мотивирует к покупке.
Разработали интуитивную структуру. Логичная навигация: от главной страницы к каталогу, карточке товара и корзине. Блоки каталога и карточек товаров оптимизированы для быстрого выбора.
Подобрали визуальную концепцию.
Цвета: Нейтральная палитра (черный, белый, серый) с акцентами, вдохновленными футбольной формой (например, красный или синий для кнопок).
Шрифты: Четкие, современные, чтобы подчеркнуть серьезность бренда.
Мудборд: Ориентировались на футбольную культуру — стадионы, трибуны, эмоции болельщиков.
Сфокусировались на продукте. Крупные изображения футболок в каталоге и карточках товаров, с акцентом на детали (логотипы, текстуры).
ДИЗАЙН-КОНЦЕПТ
Каталог и функциональность
Для удобства болельщиков:
Каталог: Сетка товаров с фильтрами (по клубам, размерам, цене), оптимизированная для SEO (ключи вроде «фанатские футболки», «форма для болельщиков»).
Карточка товара: Четкое описание, фото с разных ракурсов, кнопка «Добавить в корзину».
Корзина и оформление покупки: Минималистичные, без лишних полей, чтобы упростить процесс заказа.
Адаптивность
Учитывая, что более 50% покупок фанатской атрибутики совершается с мобильных устройств, мы разработали адаптивы для планшета и смартфона. Упор на удобство: крупные кнопки, быстрый скролл, интуитивная навигация. Мобильная версия сохраняет строгий стиль и фокус на продукте, чтобы болельщики могли купить футболку в пару кликов.
Сложности
Основной вызов — коммуникация с клиентом из Швеции, который не говорит по-русски. Общались через переводчика, что замедлило согласование мудборда и первых вариантов главной страницы. Клиент рассматривал проект как хобби, поэтому согласования затянулись из-за его основной работы. После утверждения мудборда и двух вариантов главной дело пошло быстрее.
Отрисовка внутренних страниц (каталог, карточка товара, корзина) требовала особой точности для WordPress, так как платформа менее гибкая, чем Tilda. Мы учли все технические нюансы, чтобы верстка прошла гладко. В процессе вносили небольшие правки по текстам и контенту, но они не повлияли на сроки.
Результат
Сайт стал эффективным инструментом для продаж фанатских футболок и продвижения бренда Legendetrikots. Клиент доволен результатом: магазин работает, управление контентом в WordPress интуитивное. Мы передали полный пакет: UI-kit, адаптивы, доступ к Figma и материалы. Верстку выполнил наш партнер, обеспечив запуск под ключ. Сайт готов к продвижению через органический поиск (по ключам «фанатские футболки», «футбольная форма Швеция») и контекстную рекламу.
Награды
Дизайн сайта отправлен на рассмотрение в номинации Behance и CSS Design Awards. Ожидаем результатов.