«Оптикэнерго» — испытательный центр и орган по сертификации кабельной продукции. Его клиенты — производители и поставщики, которым нужно провести испытания, подтвердить соответствие продукции или подготовить документы для выхода на рынок.
Сайт должен отвечать на практические вопросы: работает ли центр с нужной продукцией, какие испытания проводит, чем подтверждаются его полномочия и с чего начать обращение. Ответы распределены между услугами, направлениями сертификации, сведениями о компании и большим объёмом нормативной документации.
Мы разработали сайт полностью с нуля на 1С-Битрикс. Проект выполнялся совместно с Центром экспорта. В работу вошли информационная архитектура, индивидуальный дизайн и реализация русской, английской и китайской версий.
02 / РЕШЕНИЕ
Структура, в которой у каждого раздела своя задача
Одному посетителю достаточно выбрать услугу и отправить заявку. Другому нужно сначала изучить область аккредитации, схему сертификации и требования к документам. Мы предусмотрели оба пути: короткий — к обращению, подробный — к технической информации.
01
Разделили испытания и сертификацию
У испытательного центра и органов по сертификации — свои задачи, сведения и документы. Для них созданы отдельные разделы, в том числе для СДС ИНТЕРГАЗСЕРТ. Посетитель видит, к какому направлению относится информация.
02
Собрали услуги в понятный каталог
Сертификация по ТР ТС 004/2011, пожарная безопасность, добровольная сертификация, испытания, декларирование в сфере связи и аттестация в «Россети» представлены отдельными направлениями. От общего перечня можно перейти к нужной услуге.
03
Организовали техническую документацию
Области аккредитации, свидетельства, схемы, правила рассмотрения жалоб, права заявителей и другие материалы расположены внутри соответствующих разделов. Боковая навигация помогает переходить между ними, не возвращаясь каждый раз к началу.
04
Показали компанию и её компетенции
Страницы о центре, его истории и руководстве, сведения о лаборатории, аккредитациях и партнёрах дополняют описание услуг. Доверие складывается из конкретных сведений, которые можно изучить до первого звонка.
05
Сделали обращение предметным
В форме можно выбрать тип услуги, описать задачу и приложить файл. Это позволяет сразу передать исходную информацию о продукции и запросе, а не ограничиваться просьбой перезвонить.
03 / СЦЕНАРИЙ РАБОТЫ
От первого вопроса до обращения
01
Выбрать направление
Главная страница знакомит с центром и направляет к испытаниям, сертификации или каталогу услуг.
02
Проверить подробности
Внутри раздела доступны сведения о компетенциях, документах и порядке работы.
03
Понять процедуру
Сайт объясняет основные этапы: от подачи заявки и анализа документации до испытаний, оценки и выдачи документов.
04
Передать задачу
Посетитель связывается с центром или отправляет заявку с выбранной услугой, комментарием и вложением.
Дизайн сайта с большим количеством услуг и документов
Здесь важно было не потерять содержание за оформлением. Мы продумывали и прорисовывали страницы под их назначение: главную — для знакомства с центром, каталог — для выбора услуги, внутренние разделы — для внимательного чтения и работы с документами.
Сдержанная сине-белая палитра, крупные заголовки, тематические изображения и карточки помогают разделить информацию на понятные части. У длинных разделов есть собственная навигация. Один визуальный язык объединяет и презентационные блоки, и страницы с техническими сведениями.
Три языка для российских и зарубежных заказчиков
Сайт реализован на русском, английском и китайском языках. Посетитель может выбрать язык в шапке и изучать услуги и сведения о центре в привычном для себя варианте.
Многоязычность здесь относится ко всему интерфейсу: названиям разделов, навигации, формам и содержимому страниц. Английский текст и китайские иероглифы занимают разное место, поэтому для такого проекта важны не только переводы, но и согласованность структуры и оформления.
Русский · icopticenergo.ruEnglish · cablesert.com中文 · cablesert.cn
Что было сложнее всего в разработке
Основная сложность — связать между собой большой объём специализированной информации. Похожий документ может относиться к разным направлениям, а название услуги не всегда совпадает с названием органа, который её оказывает. Структура сайта должна объяснять эти различия, а не добавлять новые вопросы.
На 1С-Битрикс мы реализовали многостраничный сайт с каталогом услуг, разделами компании, документами, новостями и формами обращений. При этом все части должны восприниматься как единый сайт — и на русском, и на английском, и на китайском.
Галерея проекта
Главная страница: знакомство с центром и его направлениями работы.Каталог услуг: выбор направления сертификации или испытаний.Сертификация СДС ИНТЕРГАЗСЕРТ: сведения об органе и навигация по документам.Информация о компании: лаборатория, аккредитации и компетенции.Английская версия раздела сертификации на cablesert.com.Китайская версия того же раздела на cablesert.cn.
06 / РЕЗУЛЬТАТ
Сайт, который помогает сделать осознанный выбор
Получился большой корпоративный сайт испытательного центра: с индивидуальным дизайном, подробной структурой и тремя языковыми версиями. Он знакомит с компанией, раскрывает её направления работы и даёт посетителю материалы для принятия решения.
Наша работа объединила проектирование, дизайн и разработку на 1С-Битрикс. Для клиента это единое представительство центра в интернете, а для его заказчиков — возможность разобраться в услугах, проверить документы и обратиться с конкретным запросом.