Дизайн и разработка сайта Simetra от Nimax
Задача
Simetra – организация, специализирующаяся на оказании сервисов в сфере транспортного моделирования и планирования.
Перед нами стояла цель: оптимизировать и сделать более понятной структуру веб-сайта, упростить систему навигации и обновить визуальное оформление в соответствии с новым фирменным стилем. Важно было не потерять существующий объем трафика и сохранить ссылочный профиль, представить все предлагаемые клиентом услуги в полном объеме, а также интегрировать содержимое со старых страниц проектов на обновленный ресурс.
Решение
Анализ и разработка
В самом начале работы над проектом привлекли специалистов по SEO. Они провели сбор семантического ядра и анализ конкурентной среды, который выявил практически полное отсутствие конкурентов. На основе полученной информации разработали структуру будущего веб-сайта, тщательно проработали мета-теги и настроили карту редиректов. Также выполнили технический SEO-аудит и внедрили рекомендованные изменения для улучшения позиций в поисковой выдаче.
Для более глубокого понимания бизнеса клиента провели серию интервью, выполнили аудит существующего сайта и изучили имеющихся конкурентов. На основе этих исследований и SEO-рекомендаций был разработан дизайн страниц будущего сайта.
Дизайн-концепция
Создали дизайн-концепцию, продемонстрированную на главной и детальной страницах одновременно. Эти страницы рассматривались как равнозначные точки входа для пользователей, поэтому было важно, чтобы они имели схожий эмоциональный вес и значимость. Дизайн разрабатывался на основе прототипа и с учетом фирменного стиля SIMETRA. Изучили брендбук и выделили ключевые стилистические элементы.
В качестве основного визуального элемента использовали фотографии городов, улиц и транспортных развязок, обработанные в фирменном стиле SIMETRA.
В дизайне повторно использовали блочный прием из брендбука компании и добавили интерактивный элемент – стрелку. Она появляется на кликабельных элементах, указывая направление перехода и формируя маршрут пользователя. Это решение отражает специфику деятельности компании в области моделирования транспортных потоков и основную идею SIMETRA – создание красоты движения.
Одной из задач было представить пользователю полный спектр услуг компании на одном экране. Решением стал полноэкранный, детализированный пункт подменю «Услуги», который был продублирован аналогичным блоком на главной странице сайта.
Сборка сайта
Сайт был собран на платформе Tilda. При выборе типа блоков учитывались два основных фактора: частота использования блока в будущем и удобство наполнения контентом для специалистов.
На сайте планировалось размещение большого количества детальных страниц проектов с указанием специалистов. Для решения этой задачи были использованы сквозные alias-блоки: создана служебная страница с карточками всех сотрудников. Теперь добавление нужного сотрудника к проекту занимает несколько кликов, вместо заполнения новой карточки на каждой странице. Изменения в карточке сотрудника, внесенные на служебной странице, автоматически отображаются на всех остальных страницах.
Для блоков со сложным дизайном применялся Zero block. В случаях, когда можно было упростить работу контент-специалиста, использовались стандартные блоки. Для кастомизации карт и изменения стилей привлекалась команда разработчиков.
Результаты
Перед запуском сайта была проведена финальная проверка сборки и SEO-оптимизация. Подготовлены инструкции по наполнению разделов сайта контентом и проверены страницы, заполненные клиентом. В результате был создан сайт в фирменном стиле Simetra, с понятным и доступным представлением услуг, при этом удалось сохранить трафик.
