Задание: WooCommerce. Разработка минималистичного интернет-магазина косметики на WordPress WooCommerce стиль The Ordinary (Дистанционная работа)
Нужно разработать интернет-магазин косметики на WordPress (WooCommerce).
Визуальный стиль должен быть минималистичный и максимально похож на сайт The Ordinary.
Важно:
не требуется точная копия сайта, но стиль должен быть максимально близким - белый фон, минимализм, аккуратная типографика и удобное меню.
!Приоритет - скорость загрузки
Сайт должен быть лёгким, быстрым и без перегруженного дизайна.
Используется готовая тема WordPress, без сложной индивидуальной разработки.
---
CMS
WordPress
WooCommerce
---
Домен и хостинг
Домен уже куплен.
Хостинг уже подключён.
WordPress можно установить на текущий хостинг.
---
Каталог товаров
Карточки товаров уже заполнены.
Задача разработчика:
- красиво вывести каталог
- корректно оформить карточки товаров
- настроить категории и фильтры
---
Структура меню
Меню должно быть вдохновлено структурой сайта The Ordinary.
Покупка по задачам кожи
(аналог Shop by Concern)
Например:
- морщины
- пигментация
- сухость
- акне
- жирный блеск
- чувствительная кожа
- защита от солнца
- восстановление кожного барьера
Список можно будет редактировать.
---
Этапы ухода
(аналог Shop by Step)
Step 1 - Очищение
Step 2 - Тонизация
Step 3 - Увлажнение
Дополнительные категории:
- сыворотки
- маски
- глубокое очищение
- SPF защита
---
Подбор по ингредиентам
(аналог Shop by Ingredients)
Например:
- витамин C
- пептиды
- гиалуроновая кислота
- ниацинамид
- кислоты
- антиоксиданты
---
Раздел профессиональной косметики
На сайте будет раздел:
Профессиональная косметика.
Пользователь может:
- видеть каталог
- читать описание товаров
Но цены скрыты.
Чтобы увидеть цены пользователь должен:
1. зарегистрироваться
2. загрузить документ
Например:
- диплом косметолога
- сертификат
- любой документ, подтверждающий работу специалистом
После проверки администратором пользователю присваивается роль:
Cosmetologist
и ему открываются:
- цены
- возможность покупки
Для реализации можно использовать плагины:
User Role Editor
WooCommerce Wholesale Prices
---
Форма заказа
Форма заказа должна быть максимально простой.
Поля:
- номер телефона
выбор мессенджера
---
Быстрый заказ
Кнопка:
Быстрый заказ.
После нажатия:
форма:
- номер телефона
- выбор мессенджера
---
Блок консультации специалиста
На главной странице должен быть блок:
Получить консультацию специалиста.
Текст:
Опытный косметолог-эстетист поможет подобрать вам домашний уход.
Кнопка:
Получить бесплатную консультацию.
После нажатия открывается форма.
После отправки должно появляться сообщение:
Спасибо!
В рабочее время (пн-пт с 10:00 до 19:00) мы свяжемся с вами в течение 1-2 часов.
---
Языки сайта
Сайт должен поддерживать три языка:
- русский
- английский
- грузинский
Переключатель языков - в верхнем меню.
Желательно, чтобы язык автоматически определялся по языку браузера пользователя.
---
Перевод сайта
Перевод должен быть корректным и аккуратным.
Можно использовать AI-перевод или DeepL.
Названия брендов переводить нельзя.
---
Страница «О магазине»
Нужно создать страницу:
О магазине.
Текст я добавлю позже самостоятельно.
Слоган сайта:
Профессиональная косметика для домашнего ухода
с безопасными работающими составами
by Иван Королько
---
SEO
Сайт должен быть изначально подготовлен для SEO.
Необходимо:
- ЧПУ ссылки
- возможность редактировать title и description
- sitemap
- SEO плагин (RankMath или Yoast)
---
Тестовые товары
Тестовые товары нужно добавить только в раздел:
Профессиональная косметика
чтобы проверить работу скрытых цен.
Все остальные товары уже заполнены.
---
В будущем
В дальнейшем на сайте будет раздел обучения косметологов.
Например:
site.com/education
Поэтому структура сайта должна позволять легко добавить этот раздел.
Мобильная версия
Сайт должен корректно и красиво отображаться на мобильных устройствах.
Большинство пользователей будут заходить с телефона, поэтому мобильная версия должна быть максимально удобной:
- аккуратное и читаемое меню
- удобный каталог товаров
- корректное отображение карточек товаров
- удобная форма заказа
- быстрая загрузка страниц
Мобильная версия должна быть не просто адаптированной, а действительно удобной для использования, как на современных интернет-магазинах.
---
В отклике просьба:
- указать примеры ваших работ (интернет-магазины)
- написать, какую тему WordPress вы планируете использовать.
