Задача
TAMGARD PARTNERS работает в Циндао и берёт на себя китайскую сторону проекта: поставки продукции и оборудования, технологические проекты, локализация и выход на китайский рынок. Заказчики — компании из Казахстана, России и Центральной Азии.
Сайт должен говорить сразу с двумя читателями: с инженером, которому нужны технические условия, и с директором, который подписывает контракт. Доказательством служат проекты, а не обещания. И всё это — с запасом на китайскую версию.
Как шла работа
- Исследование. Разбор сильных сайтов промышленности и B2B: первый экран, главная, услуги, решения, навигация и переходы.
- Прототип на UIkit 3. Сначала одна страница, затем многостраничная система с общими стилями и скриптами, шестью разделами и четырьмя статьями.
- Брендбук. Несколько итераций, пока не сложился язык: светлый, просторный, крупная типографика, без капслока в читаемом тексте.
- Перенос в Joomla 6. Собственный конвейер на Python, Bash и Node.js собирает тему из прототипа: основа — Wmarka, сверху фирменный слой TAMGARD.
- Установочный пакет. Тема, плагины и плагин демо-данных, который раскладывает содержимое за семь шагов и при повторной установке не плодит дубли: свои записи он узнаёт по метке.
- Содержимое. Раздел «Инсайты» с архивами по рубрикам и меткам и чистыми адресами; статьи прошли языковой прогон.
Что получилось
- Разделы «Услуги», «Решения», «Проекты», «Инсайты», «Компания», «Контакты»; на главной — путь сделки в четыре шага, кейсы, три группы услуг и команда.
- Изображения отдаются в WebP нужного размера через JUImage; для картинок внутри статей написан отдельный плагин.
- Для поисковиков и нейросетей: canonical, Open Graph и единый JSON-LD, который тема собирает из настроек.
- Шрифтовой набор уже включает китайские начертания, чтобы китайская версия не потребовала переделки вёрстки.
Технологии
| CMS | Joomla 6 |
|---|---|
| Тема | собственная сборка Wmarka с фирменным слоем TAMGARD |
| Фреймворк | UIkit 3 |
| Изображения | JUImage, WebP, свой плагин для картинок в тексте |
| Установка | пакет для Joomla 6 и плагин демо-данных |
| Сборка | Python, Bash, Node.js |
| Моя роль | веб-мастер: от прототипа до сопровождения |