Редизайн сайта страховой компании «Синергия»
ООО «Синергия» (ранее — «Национальная страховая группа РОСЭНЕРГО») — российская страховая компания, предоставляющая услуги страхования для частных и корпоративных клиентов.
Компания обратилась с запросом на редизайн сайта. Существующий ресурс выглядел устаревшим, затруднял восприятие информации и не поддерживал дальнейшее развитие сайта. Одним из ключевых пожеланий было создание масштабируемой структуры, которая в будущем позволит интегрировать личный кабинет без необходимости полного пересмотра архитектуры сайта.
Срок проекта — 2 месяца.
Этап 1: Цели и задачи
Основной целью проекта было обновить устаревший сайт компании и сделать процесс знакомства со страховыми продуктами более понятным для пользователей.
В рамках проекта требовалось:
• переработать структуру сайта;
• повысить доверие к бренду через современный визуальный образ;
• упростить восприятие информации о страховых услугах;
• заложить основу для дальнейшего развития продукта и внедрения личного кабинета.
В качестве единственного дизайнера проекта я отвечала за весь процесс: провела конкурентный анализ, разработала структуру и прототипы сайта, создала визуальную концепцию и UI Kit, подготовила адаптивные версии, а также самостоятельно реализовала сайт на Tilda Zero Block с использованием анимаций и дополнительного кода.
Этап 2: Исследование и проектирование
Работа началась с анализа конкурентов в страховой отрасли. Анализ конкурентов помог определить распространенные подходы к структуре страховых сайтов, подаче услуг и элементам, повышающим доверие пользователей.
На основе результатов анализа была разработана новая структура лендинга. Основной задачей стало создание понятной логики подачи информации, которая помогает пользователю быстро разобраться в услугах компании и перейти к целевому действию.
После согласования структуры были подготовлены вайрфреймы, которые стали основой для дальнейшей визуальной разработки.
Этап 3: Дизайн и итерации
На этапе визуального дизайна выяснилось, что у меня и заказчика разные ожидания от «современного». Первая концепция была максимальной по смелости, чтобы показать потенциал и зафиксировать верхнюю планку.
Заказчик попросил сбавить. Я сохранила логику первой концепции в UI Kit и на той же базе собрала более сдержанную версию. В итоге утвердили её — и она точнее попала в ожидания заказчика.
Поэтому в процессе согласования были разработаны две версии дизайна на базе одного UI Kit:
концепция с более сильным визуальным характером и современными решениями;
упрощённая версия, которая в итоге была утверждена и реализована.
Этап 4: Реализация
Финальным этапом стала самостоятельная сборка сайта на Tilda с использованием Zero Block. Для реализации отдельных блоков и визуальных эффектов дополнительно использовался пользовательский код и анимации.
В результате был разработан и запущен адаптивный сайт страховой компании, включающий переработанную структуру, обновленный визуальный стиль и основу для дальнейшего расширения функционала.
В рамках проекта были подготовлены:
• прототипы ключевых страниц;
• UI Kit;
• адаптивные версии для desktop, tablet и mobile;
• полностью собранный сайт на Tilda Zero Block с анимациями и дополнительным кодом.
Ссылка на реализованный сайт на Tilda
Открыть сайт
Итоги
Проект стал для меня опытом поиска баланса между сильной визуальной концепцией и реальными бизнес-ограничениями.
Несмотря на несколько этапов доработок, удалось создать решение, которое устроило заказчика и сохранило ключевые идеи проекта. Концептуальная версия дизайна получила большой отклик и стала самым популярным кейсом в моём портфолио на Behance.
Ссылка на проект "Synergy"
Посмотреть кейс