1. О проекте
Nafei Optoelectronics — высокотехнологичная китайская компания, разрабатывающая и производящая лазеры, оптоэлектронные продукты и системы для промышленности, науки и медицины. У компании собственные патенты, научно-исследовательская база и международные клиенты.
Изначально заказ был на разработку русскоязычного сайта для продвижения продукции на рынке РФ. Однако после запуска проект получил настолько положительный отклик внутри компании, что было принято решение:
Изначально заказ был на разработку русскоязычного сайта для продвижения продукции на рынке РФ. Однако после запуска проект получил настолько положительный отклик внутри компании, что было принято решение:
- добавить английскую и китайскую версии,
- перенести корпоративный домен на новый сайт,
- сделать его официальной цифровой витриной бренда.
2. Задача
- Разработать многостраничный сайт с каталогом лазеров и их характеристиками.
- Сделать акцент на инновационности и инженерной точности.
- Обеспечить удобство для разных категорий пользователей: инженеров, исследователей, закупщиков.
- Реализовать мультиязычность (RU / EN / CN).
- Подготовить сайт к продвижению на международных рынках.
3. Структура, фирменный стиль и референсы
Сайт построен как корпоративный каталог с чёткой логикой переходов:
- Главная — ключевой слоган «Создаём будущее лазерных технологий», преимущества компании и CTA «Получить консультацию».
- О компании — история, опыт команды, научные достижения, патенты, направления работы.
- Каталог продукции — карточки лазеров с техническими характеристиками, параметрами и сферами применения.
- Контакты — адреса офисов в Фучжоу и Шанхае, форма заявки, быстрые ссылки на Telegram и WeChat.
- Внутренние страницы с подробной информацией "О компании" и разновидностей лазеров.
Мы ориентировались на сайты ведущих производителей лазерной техники и на сайты в смежных областях промышленности, но сделали дизайн современным и лёгким.
Для сайта Nafei Optoelectronics мы выбрали современную hi-tech эстетику с тёмным UI, чтобы подчеркнуть технологичность и серьёзность бренда.
Для сайта Nafei Optoelectronics мы выбрали современную hi-tech эстетику с тёмным UI, чтобы подчеркнуть технологичность и серьёзность бренда.
- Такое сочетание позволяет создать строгий и современный образ, где акцентные цвета выделяют ключевые элементы интерфейса и кнопки CTA, а тёмный фон усиливает ассоциацию с hi-tech и инновациями.
- строгая типографика для технических характеристик;
- минимализм в подаче, чтобы фокус был на продукции.
4. Прототип
Прототип в Figma отразил три уровня взаимодействия:
- Информационный (о компании, преимущества, патенты).
- Продуктовый (каталог с фильтрацией и характеристиками).
- Коммуникационный (форма заявки, контакты, быстрые мессенджеры).
5. Дизайн-концепт
Дизайн базировался на сочетании инженерной строгости и инновационной эстетики:
- фоновые изображения с лазерным светом и промышленными элементами;
- карточки продукции в виде модульных блоков с чётким выделением параметров;
- инфографика «20+ лет опыта», «22 патента», «7 программных решений»;
- акцент на CTA-кнопки («Получить консультацию», «Отправить заявку»).
6. Верстка на Tilda и SEO-оптимизация
Сайт реализован на Tilda с использованием Zero Block:
- мультиязычная структура с переключением RU/EN/CN;
- адаптивность для десктопа, планшетов и мобильных;
- быстрые формы обратной связи, интеграция с e-mail отдела продаж;
- лёгкая анимация появления блоков.
SEO-оптимизация
- Собрали семантическое ядро на трёх языках (русский, английский, китайский).
- Настроили Title, Description и alt-теги для карточек продукции.
- Подготовили структуру URL для трёх языковых версий.
- Подключили Яндекс.Метрику и Яндекс Вебмастер.
7. Итоговые результаты работы
- Запущен многостраничный мультиязычный сайт chinanafei.com.
- Сайт стал официальной международной площадкой компании.
- Каталог с техническими характеристиками упростил коммуникацию с инженерами и закупщиками.
- Компания получила единое цифровое представительство на трёх языках.
- Уже в первые месяцы сайт начал приносить заявки с зарубежных рынков.
Хотите создать такой же эффективный и яркий проект для вашей компании? Напишите нам, и мы обсудим, как можно реализовать ваши идеи!
