О проекте
«Optima Certification» — сертификационный центр, созданный на базе Московского государственного института электроники и математики. Центр стал логичным продолжением научно-технической деятельности вуза и объединил направления, связанные с исследованиями, испытаниями и подтверждением соответствия продукции и процессов действующим государственным стандартам. Компания работает с задачами, требующими высокой точности, экспертности и внимательного отношения к нормативным требованиям. Поэтому сайт должен был не только содержать необходимую информацию об услугах, но и формировать у потенциальных клиентов ощущение надёжности, компетентности и системного подхода.
Задача
Клиент обратился в Iris Digital для разработки нового дизайна сайта и адаптивной вёрстки. Перед командой стояли следующие задачи:
- представить услуги сертификационного центра в понятной и структурированной форме;
- сделать сложную техническую информацию доступной для разных категорий посетителей;
- подчеркнуть связь центра с научно-образовательной средой;
- сформировать современный и профессиональный визуальный образ компании;
- обеспечить удобную навигацию по основным разделам;
- создать условия для быстрого обращения потенциального клиента;
- адаптировать сайт под компьютеры, планшеты и мобильные устройства.
Основной акцент сделали на ясной подаче информации, логичной структуре и заметных точках контакта с посетителем.
Концепция дизайна
Для сайта сертификационного центра важно было избежать двух крайностей: сделать интерфейс слишком формальным и перегруженным или, наоборот, чрезмерно упрощённым. Мы разработали сдержанную деловую концепцию, которая соответствует сфере сертификации и технических исследований, но при этом остаётся понятной и удобной для пользователя. В дизайне использовали:
- аккуратную типографику;
- чёткую визуальную иерархию;
- спокойную цветовую палитру;
- структурированные блоки с информацией;
- лаконичные иконки и графические элементы;
- заметные кнопки для связи и отправки заявки;
- достаточно свободного пространства для комфортного восприятия текста.
Страницы были выстроены в единой стилистике. Благодаря этому сайт воспринимается как целостный цифровой продукт, а пользователю проще переходить между разделами и находить нужную информацию. В рамках проекта разработали дизайн основных страниц и разделов сайта.
Адаптивная вёрстка
Одной из важных частей проекта стала адаптивная вёрстка всех разработанных страниц. Мы подготовили корректное отображение сайта на различных устройствах:
- настольных компьютерах;
- ноутбуках;
- планшетах;
- смартфонах.
В мобильной версии пересмотрели расположение блоков, размеры текста и элементов управления, поведение меню, слайдера и форм. Кнопки и поля сделали удобными для использования на сенсорных экранах, а контент выстроили в последовательную вертикальную структуру. Адаптивная версия позволяет пользователю получить доступ к информации и отправить заявку независимо от того, каким устройством он пользуется.
Работа над пользовательскими сценариями
При создании интерфейса мы ориентировались на несколько основных сценариев:
- Пользователь знакомится с центром и его направлениями деятельности.
- Переходит к интересующей услуге.
- Изучает подробную информацию и дополнительные материалы.
- Находит контактные данные или использует поиск.
- Оставляет заявку через форму обратной связи.
- Заказывает звонок специалиста.
Каждый сценарий поддержан соответствующими элементами интерфейса. Навигация, кнопки и формы расположены так, чтобы пользователь мог совершить целевое действие без лишних переходов.
Результат
За два месяца команда Iris Digital разработала дизайн и адаптивную вёрстку сайта сертификационного центра «Optima Certification». В рамках проекта:
- создали дизайн главной страницы;
- разработали страницы «О нас» и «Контакты»;
- спроектировали раздел «Сертификация»;
- подготовили страницу «Информация»;
- разработали шаблоны для новостей и статей;
- реализовали адаптивную вёрстку;
- добавили модальное окно «Заказать звонок»;
- разработали слайдер с основными направлениями услуг;
- добавили форму обратной связи;
- выстроили основные пользовательские сценарии.
В результате компания получила современный информационный сайт, который помогает представить экспертность сертификационного центра, структурированно рассказать об услугах и упростить коммуникацию с потенциальными клиентами. Все работы были выполнены в согласованный срок — два месяца.
