Nafei Optoelectronics — высокотехнологичная китайская компания, разрабатывающая и производящая лазеры, оптоэлектронные продукты и системы для промышленности, науки и медицины. У компании собственные патенты, научно-исследовательская база и международные клиенты.
Изначально заказ был на разработку русскоязычного сайта для продвижения продукции на рынке РФ. Однако после запуска проект получил настолько положительный отклик внутри компании, что было принято решение:
добавить английскую и китайскую версии,
перенести корпоративный домен на новый сайт,
сделать его официальной цифровой витриной бренда.
2. Задача
Разработать многостраничный сайт с каталогом лазеров и их характеристиками.
Сделать акцент на инновационности и инженерной точности.
Обеспечить удобство для разных категорий пользователей: инженеров, исследователей, закупщиков.
Реализовать мультиязычность (RU / EN / CN).
Подготовить сайт к продвижению на международных рынках.
3. Структура, фирменный стиль и референсы
Сайт построен как корпоративный каталог с чёткой логикой переходов:
Главная — ключевой слоган «Создаём будущее лазерных технологий», преимущества компании и CTA «Получить консультацию».
О компании — история, опыт команды, научные достижения, патенты, направления работы.
Каталог продукции — карточки лазеров с техническими характеристиками, параметрами и сферами применения.
Контакты — адреса офисов в Фучжоу и Шанхае, форма заявки, быстрые ссылки на Telegram и WeChat.
Внутренние страницы с подробной информацией "О компании" и разновидностей лазеров.
Мы ориентировались на сайты ведущих производителей лазерной техники и на сайты в смежных областях промышленности, но сделали дизайн современным и лёгким.
Для сайта Nafei Optoelectronics мы выбрали современную hi-tech эстетику с тёмным UI, чтобы подчеркнуть технологичность и серьёзность бренда.
Такое сочетание позволяет создать строгий и современный образ, где акцентные цвета выделяют ключевые элементы интерфейса и кнопки CTA, а тёмный фон усиливает ассоциацию с hi-tech и инновациями.
строгая типографика для технических характеристик;
минимализм в подаче, чтобы фокус был на продукции.
4. Прототип
Прототип в Figma отразил три уровня взаимодействия:
Информационный (о компании, преимущества, патенты).
Продуктовый (каталог с фильтрацией и характеристиками).