Новый дизайн сайта Ренессанс страхование

    Мы очень радуемся, когда к нам приходит заказчик и говорит: «Хочу, чтобы было красиво и удобно для пользователя». Так получилось с сайтом для компании «Ренессанс страхование», которая решила позаботиться о своих клиентах, предоставив им удобный инструмент для расчета страховок и подбора наилучшего варианта.



    Главная страница стала навигатором по основным элементам. С нее доступна информация о компании, и тут же пользователь указывает, что он хочет застраховать. Для каждой услуги своя иконка, обозначающая соответствующий вид страхования. Выбрав нужное, пользователь попадает в раздел с информацией об услуге. Далее можно перейти в разделы со справкой о стоимости, необходимой документации, способах экономии и покупки. Пользователь может ознакомиться с формулами расчета стоимости для каждого вида страхования, чтобы заранее знать примерную сумму по своему запросу.



    Также с главной страницы доступен очень удобный калькулятор Каско и ОСАГО, который позволяет не только узнать точную сумму страховки, но и заказать полис online. Для того, чтобы начать расчет стоимости, достаточно кликнуть мышью в строке, и вам откроется панель со списком марок автомобилей.



    После того, как вы укажете марку, модель и год автомобиля, сервис попросит указать информацию о вашем стаже, а также иные необходимые для расчета данные. При этом учитываются предыдущие ответы, и на их основе строится анкета. Например, если вы отметили, что автомобиль куплен в кредит, сервис попросит указать банк. Если же вы не первый раз оформляете страховку, сервис попросит указать информацию о количестве обращений по страховым случаям. Другими словами, сайт «Ренессанс страхование» — это ваш личный страховой агент. И он всегда рядом.



    Далее вам предлагается выбрать ряд дополнительных опций, которые позволяют сэкономить время на сбор документов для страхового случая и корректируют сумму страхового полиса. При наведении на иконку опции появляется всплывающая подсказка.


    После того, как вы определились с выбором опций и суммой полиса, можно сохранить расчет или незамедлительно перейти к оформлению заказа. Если вы нажали «Оформить», сервис автоматически сохранит расчет на данном этапе и создаст вам учетную запись. Для этого в появившемся окне укажите ФИО и контактные данные.



    После этого в открывшейся анкете останется заполнить поля, проверить еще раз список выбранных опций и отправить заказ на обработку. Страховой агент свяжется с вами по указанному при создании учетной записи номеру телефона. Оплата полиса производится при встрече с агентом после осмотра автомобиля.


    Мы старались сделать сервис максимально удобным и нативным. Каждый элемент сопровождается подсказкой и описанием. Вся информация структурирована по разделам: перед покупкой услуги пользователь получает подробные ответы на вопросы «зачем?», «как сэкономить?» и «как купить?». Приглашаем вас протестировать дизайн сайта. Будем рады вашим отзывам и пожеланиям!

    Comments 14

      +9
      Статью не читал, просто пробежался по картинкам. На сайте долго бродил в поисках кнопки (иконки), чтобы вызвать калькулятор. Пришлось вернуться на хабр и посмотреть где же утаили её.
      Мне кажется, что для удобства необходимо добавить кнопку или поменять размер и цвет надписи в строке.
        +1
        Таже фигня, долго бродил по сайту в поисках калькулятора, оказалось он просто не успевал загружаться. Сделайте прогрессбар чтоль.
          +6
          Ребята, весьма уважаю вас и ваши работы, но здесь вы явно перемудрили.
          Представил себя человеком, который хочет прямо сейчас оформить полис КАСКО. Тыкаю кнопку «Автомобиль», и ожидаю, что там будет большая красная кнопка «купить страховку». Но ее нет.
          Ну ладно, где-то прячется, я ведь все еще очень хочу купить полис. Вижу несколько больших кнопок: «Личное каско каждого», «Цена и способы экономии», «Аккуратным водителям». В принципе, каждый заголовок подходит под то, что под ним теоретически может быть большая красная кнопка. Просматриваю все, но ее нет опять… Начинаю чувствовать себя немного тупым…
          Ё-моё, так вон же сверху маленькая серая ссылочка «купить»! Далеко запрятали. Скорее туда! Но что там? Блок «полезные советы» с какой-то формой ввода. Явно не подходит, идем дальше: «покупка в интернете», «доставка и оплата», «как купить». Но и там нет нужной мне кнопки. Что же делать?
          Оказывается, надо кликнуть на форму (не на кнопку даже!) в блоке «полезные советы»…

          Задача любого сайта — максимально упростить процесс покупки. Здесь все наоборот.
          0
          Вот же как после обновления логин и пароль в ЛК перестали подходить… печалько и так уже второй раз.
            +2
            1. Грузится долго, очень долго.
            2. Title забыли дописать.
            3. Если при страховании машины я выбрал «Собственника» в Новосибирске, то с огромной вероятностью и «Доставка» мне нужна в тот же город. Сейчас же снова приходится выбирать.
            4. Панелька с цифрами текст неприятно загораживает.
            5. Указал что мне 6 лет и стаж 1 год. Неплохо бы добавить уведомление об ошибке. То же самое и при ситуации, когда стаж больше возраста.
              +2
              Удивительный случай, но было (по крайней мере для авто) лучше.
              Кто забыл, www.saytof.ru/wp-content/uploads/2012/03/%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F26.jpg

              Так же не смог сразу понять, как же мне все-таки рассчитать страховку :(
                0
                Согласен. Был легкий и вполне юзабельный сайт, а теперь какая-то куча градиентов с иконками.
                +4
                Простите, а вам за это еще и денег заплатили? Однако…

                Я захотел зайти и рассчитать стоимость полиса, тыкался по сайту 5 минут. Оказывается узнать — это прочитать тонну маркетинговой макулатуры. А чтобы купить, нужно выполнить кучу непонятных действий, начиная прямо с клика по полю ввода «Рассчитать и купить». Вы случайно тип поля ввода не перепутали? :-) Или это такой новый гламурный способ отсева клиентов?

                Новое — не значит лучшее. Пока вижу, что новый сайт компании стал только хуже и вероятно уже приносит компании косвенные убытки. А с учетом того, что сказал товарищ Krassus по поводу смены данных доступа после обновления, ваша работа тянет на «неуд» с минусом, поскольку противоречит всем принципам юзабилити и просто возвращения клиентов.
                  +1
                  Покопался в коде
                  Первая же подключаемая библиотека
                  /Themes/Renins/scripts/libs/jquery-1.6.4.min.js
                  

                  Актуальная версия — 1.7.2

                  Ползем чуть ниже:
                  	<script src="/Themes/Renins/scripts/config.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/ui/ui.core.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/ui/ui.slider.custom.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/ui/ui.datepicker.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/ui/ui.datepicker-ru.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/jquery.scrollTo.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/jquery.maskedinput-1.3.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/jquery.fastclick.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/json2.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/xdomain/easyXDM.min.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/jquery.xdajax.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/geo.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/lds.coulisse.custom.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/jQuery.ui.coulisseWrapper.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/libs/modernizr.min.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/flowplayer-3.2.6.min.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/fileuploader.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/libs/underscore-min.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/common/main.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/common/common.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/common/calendar_popup.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/common/form_select.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/controllers/popup.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/date_time_picker.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/menu2_corner.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/geo.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/callback.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/select.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/openable.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/placeholder.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/allways_visible_headers.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/like_panel.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/bottom.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/objectsCalcMenu.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/objects_menu.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/call_agent_from.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/response.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/controllers/coverflow.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/video_popup.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/multiple_video_controller.js" type="text/javascript"></script>
                  
                  	<script src="/Themes/Renins/scripts/controllers/error.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/simple_calc_view.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/scrolled_menu.js" type="text/javascript"></script>
                  	<script src="/Themes/Renins/scripts/controllers/marva.js" type="text/javascript"></script>
                  

                  44 подключаемых файла. Скомпилировать в один или хотя бы несколько и загрузить как-то побыстрее, принимая во внимание издержки на коннект к серверу вы не смогли?

                  Дальше даже смотреть не стал. И еще в процессе изучения исходников понял, что зайди я на сайт с отлюченным JS — фирма потеряет меня, как клиента из-за полной неработоспособности сайта.
                  +3
                  Интересно, кому пришло в голову использовать поле ввода в качестве контрола, ведущего к калькулятору? Вот на этой зеленой рамке пишем: «Рассчитать и купить..:» А в поле ввода пишем сразу «Введите марку автомобиля».

                  Вот тогда пользователю будет ясно, что это поле ввода для марки, а не неизвестно что, куда надо ткнуть, не представляя себе, что случится дальше.

                  В разделе «Автомобиль» нужно или смотреть в статусбар, чтобы увидеть, что знак аварийной остановки ведет к ОСАГО, или читать серый текст. Не выделываться, и написать «ОСАГО» в заголовке — нельзя?

                  А «Личное каско каждого» — бессмысленная фраза, т.к. страхуется автомобиль (это ОСАГО — личное, потому что хотя страховка по нашему идиотскому законодательству и привязана к автомобилю, но страхуется-то гражданская ответственность водителя).

                  Страница страховок для выезжающих за границу пестрит размерами шрифтов, разными отступами между абзацами и всевозможными цветами текста. При этом пользователя зачем-то заставляют читать совершенно пустую информацию и идти по ссылке в конце, которая, как раз, ни чем не выделена, кроме подчеркивания для hover, при том какого-то левого цвета.

                  И где хоть один title у страницы (а это требование стандарта, а не только вопрос удобства пользователя при навигации между окнами или вкладками)?
                    +1
                    Немного оффтопик, но всё же.

                    В конце мая мне нужно было застраховать по КАСКО новый автомобиль. Зашёл на sravni.ru, ввёл все условия, мне выдало несколько вариантов, из которых я выбрал пакет, предлагаемый Ренессансом.

                    Оставил заявку, потом перезвонил менеджер и сказал, когда приезжать в офис за полисом.

                    Таким образом, для заказа полиса сам сайт Ренессанса мне не понадобился!
                      0
                      Дорогие все! Спасибо за ваши теплые слова, отзывы и пожелания. Мы обязательно учтем в следующих версиях!
                        0
                        А зачем такой простой баннер — и на флэше?
                          +1
                          > Мы старались сделать сервис максимально удобным и нативным.
                          А что такое «нативный сервис»?

                          Only users with full accounts can post comments. Log in, please.