//═══[ ЗАДАЧА ]════════════════════════════════════════
> в чём была боль
Швейцарская компания выходила на русскоязычный рынок со сложным техническим продуктом. Прежний сайт был только на немецком, без технических спецификаций в структурированном виде и без адаптации под мобильные устройства — а 60% целевой аудитории заходит с телефона.
//═══[ РЕШЕНИЕ ]════════════════════════════════════════
> что я сделал
01Мультиязычность. Nuxt i18n: RU/EN версии с отдельными URL (/ru, /en). SEO-мета на каждом языке, hreflang-теги.
02Техническая документация. Структурированный каталог оборудования с характеристиками, схемами, PDF-брошюрами для скачивания.
03Анимации и интерактив. Интерактивная схема «Как работает система»: hover-подсветка узлов с описанием. Всё на CSS + Vue без тяжёлых библиотек.
04Производительность. Static generation, WebP изображения, критический CSS inline — 98 Lighthouse, загрузка 0.7с.
//═══[ СТЕК ]════════════════════════════════════════════
> на чём собрано
Nuxt.jsVue.jsi18nDockerNginx
//═══[ РЕЗУЛЬТАТЫ ]══════════════════════════════════════
> цифры
98
Lighthouse score
было 41
0.7с
загрузка главной
было 5.2с
2
языка с SEO
было только DE
//═══[ ОТЗЫВ ]════════════════════════════════════════
Нам важно было представить сложный технический продукт понятно. Разработчик разобрался в теме и сделал сайт, который объясняет продукт лучше, чем мы сами.
Thomas L., Liechty GmbH