Новый сайт Ringostat: как познакомить пользователя со сложным продуктом

Olga Feoktistova
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading ... Loading ...
A A A

Вот уже неделя, как у нас новый сайт. Тот, кто релизил новую площадку, да еще для непростого продукта, поймет, что мы пережили :) Для наглядности мы описали собственный опыт сразу двумя способами: эмоционально-шизоидно и обстоятельно-серьезно. А еще просим вас о небольшом отзыве. Но обо всем этом — в статье.

 

Мы могли бы долго и нудно описывать процесс работы над сайтом, но не стали этого делать. Вместо этого мы постарались подойти к этому с юмором. Поэтому вэлкам по этой ссылке, и надеемся, что наша история вам понравится. Также просим вас пройти небольшой тест, чтобы мы могли понять, насколько удобен наш сайт. Заранее спасибо! А теперь переходим к “серьезной” части.

Началось все с того, что сайт у нас уже был. Но неподготовленному пользователю из него было не так просто понять, чем мы занимаемся. Дело в том, что Ringostat — это сервис аналитики звонков и оптимизации вложений в рекламу. Т. е. речь идет о довольно сложном продукте. Часть людей никогда не слышали о коллтрекинге, а еще часть не до конца понимает его возможности. Поэтому посетителям сайта недостаточно сказать: “Вот он, коллтрекинг. Заказывайте”. Важно объяснить, что это такое и как он устроен.    

 

Почему мы решили сделать новый сайт

  1. Старый сайт Ringostat был лендингом. Такой формат отлично работает, когда речь о простом товаре/услуге. Ringostat же включает множество инструментов и модулей. Поэтому информацию о них лучше структурировать в отдельных вкладках.
  2. На старом сайте было мало информации, и она была подана сжато. Люди, которые никогда не слышали о коллтрекинге, не могли понять, что это и зачем нужно. Им приходилось покидать сайт и гуглить, чтобы узнать об аналитике звонков.
  3. На лендинге было мало информации о преимуществах продукта и его отдельных модулей. Посетитель не понимал, что он получает, используя аналитику звонков, виртуальную АТС, форму обратного звонка.

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

 

Оформление и иллюстрации

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

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

При этом рисунки минималистичны, чтобы ничто не отвлекало от восприятия текста. По той же причине сайт не перегружен иконками и пиктограммами.

новый сайт ringostat

 

Структура сайта

Информация излагается по принципу — от простого к сложному. На главной странице посетитель узнает базовую информацию: что такое коллтрекинг, почему у сервиса крутая техподдержка, как работает виртуальная АТС Ringostat. Там же находится видеоролик, доступный на нескольких языках. Он рассказывает, как работает аналитика звонков.

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

 

Информация четко поделена по понятным пунктам меню:

  • продукт — описание инструментов, которые входят в Ringostat;
  • почему Ringostat — выгоды, которые дает сервис, чем он отличается от конкурентов, отзывы и кейсы;
  • поддержка — подборка полезной информации и удобная форма для обращения в техподдержку;
  • партнерам — информация для тех, кто сотрудничает или хочет сотрудничать с Ringostat;
  • интеграции — все сервисы, с которыми мы интегрированы, поделены по тематическим категориям, а возможности интеграций подробно описаны.

интеграции ringostat

Чтобы пользователь не путался, структура сайта достаточно проста — вы можете “углубиться” всего на один уровень. Прямо с главной страницы можно перейти на блог, чтобы почитать полезные статьи. Также мы избавились от объемного футера. Потому что наша практика показала — до него добираются немногие.

 

Подача информации

Наше кредо: всегда писать доступно и не заумно. Поэтому информация подана простыми словами и дополнена примерами. На главной странице пользователь не найдет абсолютно непонятных слов — все специальные термины объясняются.

При переходе в отдельные подпункты лексика постепенно усложняется. Но даже в разделах, которые предназначены скорее для специалистов, мы не переходим на “птичий язык” и все подробно объясняем.

 

Что делает сайт удобным для клиента

  1. Полнота информации. Не надо гуглить, чтобы узнать, как работает коллтрекинг и что дает — все уже написано на сайте.
  2. Простота навигации — на сайте несколько пунктов с понятными названиями и выпадающим меню, отсутствие многоуровневых подразделов.
  3. Возможность быстро обратиться в техподдержку или заказать демонстрацию сервиса.
  4. Легкая форма подачи информации.

Если у вас есть вопросы или пожелания по сайту, оставляйте комменты — мы будем очень благодарны. Или пишите в чат в правом углу.

Если вы нашли ошибку - выделите её и нажмите Ctrl + Enter или .