К кейсам

Поехали в Арктику! Рассказываем, как сделали сайт-путеводитель для самой северной точки Евразии

Web

Hola, Amigos! На связи Amiga — агентство продуктовой разработки сайтов и мобильных приложений. Сегодня расскажем, как прикоснулись к сердцу Арктики — полуострову Таймыру, у которого есть свой туркластер. Именно для него мы подготовили сайт, где собрали главные туры и локации для посещения круглый год и на любой вкус — и в группе на снегоходах исследовать ущелья, и в одиночку знакомиться с благородными оленями. А пока вы выбираете, на чьей стороне, расскажем кейс, которым гордимся!

О клиенте

ТРК «АРКТИЧЕСКИЙ» — это группа людей, заинтересованных в развитии туризма, и одновременно колоссальная территория с богатым потенциалом. Кластер находится на севере Красноярского края, крупнейшем полуострове Таймыр, который является самым большим по площади в России.

Вызов

За счет продаж экскурсий через сайт увеличить число пользователей и повысить удовлетворенность клиентов, а также максимизировать прибыль компании.

Задачи:

  • Разработать рекомендации для дальнейшего обновления дизайн-макетов и разработки функциональной части сайта на основе лучших практик.

  • Улучшить конструктор путешествий, который даст пользователям возможность поиска и выбора туристических или популярных объектов на карте, составления экскурсий, а также создания собственных маршрутов. 

  • Сформировать продуктовую стратегию.

Реализация:

1. UX/UI-аудит

Discover Taimyr — проект, цель которого — создать сайт для представления туристической отрасли Таймыра и области, так как в регионе нет подходящего цифрового продукта. Сайт решает две основные задачи: 

  • Знакомит пользователей с Таймыром через контент и карту ключевых туристических локаций;

  • Объединяет туристические услуги с возможностью их заказа и дальнейшего общения в личном кабинете. 

Чтобы понять, как оптимизировать функции на сайте, мы провели UX/UI-аудит, чтобы исследовать полный CJM пользователя: с момента первого входа до того, как он покинет сайт или совершит целевое действие. Задачи:

  • Оценить удобство и визуал страниц сайта во всех видах верстки;

  • Проанализировать функциональные модули на предмет целесообразности их разработки и размещения;

  • Оценить концепцию сайта на актуальность функционала и дизайна;

  • Проанализировать не менее трех сайтов с похожей идеей и предложить улучшения для функционала и дизайна;

  • Дать рекомендации по наполнению страниц сайта.

Первым делом мы изучили старый сайт и выделили все сложности, которые возникали при его использовании.

Забегая вперед, показываем, как выглядит главная страница сайта сейчас:

После общего обзора мы провели анализ 3 конкурентов, чтобы изучить их преимущества и недостатки. Рассматривали: 

1. Туркластер «Гора белая».

2. Туристический портал Мурманской области. 

3. Туристический портал республики Коми.

Примеры проблем, которые мы обозначили:

  • Непривычное расположение кнопки смены языка;

  • Слишком много анимации, сложно сосредоточиться на контенте;

  • На странице много фильтров для поиска тура, но при выборе ничего не происходит;

  • Неактуальная дата новостей;

  • Нет элемента, позволяющего вернуться в начало страницы при скролле;

  • Маленький размер текста в мобильной версии.

Примеры решений, которые вынесли:

  • Наименование заголовка должно четко отражать назначение блока;

  • Сделать количество анимации на странице меньше, оставить только фоновую анимацию;

  • Изменить расположение блоков и добавить приветственный блок, рассказывающий о Туркластере;

  • Заменить иллюстрации реальных объектов на фотографии для лучшего восприятия и привлечения внимания;

  • Добавить элемент, позволяющий вернуться в начало страницы;

  • Добавить больше мест и возможность перехода на страницу с подробной информацией

  • Отобразить на странице карточки готовых туров с возможностью фильтрации.


Далее мы предложили оптимизировать блог и добавить возможность выбирать материалы по тэгам. Как изменился блог:

2. Редизайн

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

1. Структура сайта:

Раньше раздел «Галерея» был просто набором красивых фотографий. Чтобы повысить вовлеченность пользователей, мы переработали его в полноценный «Путеводитель» по культуре региона, городским и природным локациям. 

Чтобы сделать привлекательный интерфейс, мы согласовали с заказчиком каждую страницу, и поэтапно переходили от главной страницы к страницам туров и путеводителю. Мы вписали в дизайн элементы аутентичности — например, анимацию оленя, главного символа Таймыра. В остальном минимально придерживались старого стиля.

2. Новые функциональные возможности:

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

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

3. Обновление конструктора путешествий

Конструктор путешествий — это фишка на сайте Таймыра, где прямо на карте можно выделить локации и построить к ним маршрут или объединить несколько мест в одно путешествие. 

Как он выглядел в начале:

Сама идея нам понравилась, но мы выделили проблемы, которые могли бы доработать и усовершенствовать эту классную фичу. Например:

  • В конструкторе туров нет инструкции при составлении маршрута — какие есть ограничения и что будет происходить дальше;

  • В мобильной версии нет онбординга, что нужно сделать и как подобрать тур;

  • Неочевидна разница между разделом «Готовые туры» и «Конструктор туров»; 

  • В разделе «Порядок моего маршрута» нельзя изменить порядок мест.

После внесения всех изменений конструктор выглядит так:

4. Продуктовая стратегия

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

Результаты воркшопа:

  • Сформировали и определили потребности для 4 портретов ЦА

  • Сформировали продуктовые гипотезы

  • Выделили North Star метрику (NSM или метрика Полярной звезды) как показатель, который лучше всего отразит основную ценность продукта для пользователей. Сформировали критерии успеха по этой метрике:

  • Наметили дальнейшие шаги: интервью и CJM, а также продуктовую и маркетинговую стратегию.

Результаты

В итоге команда Amiga:

  • За 11 месяцев обновила сайт — провела аудит, анализ конкурентов и переработала UX/UI, а также провела воркшоп.

  • Разработала рекомендации и внедрила улучшения на сайте. 

  • Подготовила редизайн сайта: сделала его более функциональным и интуитивно понятным.

  • Подготовила шаги развития по продуктовой стратегии и наметила дальнейшие этапы работы в бэклоге. 

«Мы успешно завершили совместный труд с командой Amiga над редизайном туристической платформы Discover Taimyr. Хотим выразить глубокую благодарность за плодотворную работу и профессиональный подход. Amiga продемонстрировали экспертизу, проведя комплексное UX-исследование, включающее анализ конкурентов, что позволило точно определить сильные и слабые стороны платформы и заложить прочный фундамент для дальнейшей работы. Это исследование легло в основу разработки функциональных прототипов и, в конечном итоге, привело к полному редизайну, значительно улучшив юзабилити и визуальное восприятие Discover Taimyr 


Работать с командой было комфортно и продуктивно благодаря оперативному общению. Отдельную благодарность выражаем директору Наталье за личный вклад, стремление к совершенствованию продукта и щедрое деление опытом. Высокий профессионализм и экспертиза Amiga на всех этапах проекта позволили нам достичь превосходного результата, превзошедшего наши ожидания. Безусловно рекомендуем коллег как надежного и опытного партнера для решения сложных задач в сфере веб-дизайна и UX/UI».

Игорь Бердюгин

Игорь Бердюгин

Команда

Наталья Сергеева

Руководитель проектного офиса

Любовь Цветкова

Руководитель проекта

Андрей Жикалов

Арт-директор

Максим Монахов

Проектировщик

Виктория Левена

Продуктовый менеджер

Дмитрий Прохоров

Team-lead разработки

Другие проекты

Web | NDA

Aviasales

Aviasales

Mobile | NDA

Интернет-магазин NL Store

Интернет-магазин  NL Store

Web

Корпоративный портал ЕМС Team

Корпоративный портал ЕМС Team

Web | NDA

Газпром

Газпром

Web | В работе

Русплитка

Русплитка

Mobile | NDA

Бизнес-приложение Жёлтая печать

Бизнес-приложение Жёлтая печать

Mobile

Airspector

Airspector

Mobile

Мобильное приложение для сети аптек «Ваша №1»

Мобильное приложение для сети аптек «Ваша №1»

Web

Крупное федеральное СМИ

Крупное федеральное СМИ

Mobile

Образовательный проект Easy. Приложение в VK

Образовательный проект Easy. Приложение в VK

Web | Minicase

Аникура

Аникура

Web | NDA

ERP-система лизинга автопарка

ERP-система лизинга автопарка

Web

Транспортная компания №1

Транспортная компания №1

Mobile | NDA

Shell

Shell

Mobile

Программа лояльности Vaillant Group

Программа лояльности Vaillant Group

Web

Маркетплейс нефтяных продуктов Proleum

Маркетплейс нефтяных продуктов Proleum

Mobile | NDA

AI-приложение Get Art

AI-приложение Get Art

Web

HR-сайт для SOKOLOV

HR-сайт для SOKOLOV

Web | В работе

Makita

Makita

Mobile | NDA

М.Видео

М.Видео

Web | NDA

Ecco

Ecco

Web | NDA

Samsung

Samsung

Web

Маркетплейс горного оборудования

Маркетплейс горного оборудования

Mobile

Приложение с интеграцией ML

Приложение  с интеграцией ML

Mobile

Приложение-сканер товаров с TV

Приложение-сканер товаров с TV

Mobile | NDA

DHL Express

DHL Express

Web | NDA

Nike

Nike

Mobile

Интернет-магазин Bravo

Интернет-магазин Bravo

Web

Маркетплейс специалистов Gigoo

Маркетплейс специалистов Gigoo

Web

Сайт для туркластера «Арктический»

Сайт для туркластера «Арктический»

Mobile | В работе

CMstore

CMstore

Web | NDA

НЛМК

НЛМК

Mobile

Приложение для пекарен Хлеб Хмельницкого

Приложение для пекарен Хлеб Хмельницкого

Web

Образовательный портал Школа гениев

Образовательный портал Школа гениев

Mobile | NDA

Rockwool

Rockwool

Web | NDA

Casio

Casio

Mobile

Мобильное приложение для АЗС ХТК

Мобильное приложение для АЗС ХТК

Web | NDA

Мегафон

Мегафон

Mobile | NDA

Приложение для здоровья CW Clinic

Приложение для здоровья CW Clinic

Web

Имиджевый сайт «Шахтинская плитка»

Имиджевый сайт «Шахтинская плитка»

Mobile | NDA

Сбер

Сбер

Web | NDA

Mercedes-Benz

Mercedes-Benz

Web | Minicase

Интернет-магазин мебели Трио

Интернет-магазин мебели Трио
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ