Разработка сайта для сервиса облачных решений

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

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

Команда отвечала за проектирование пользовательских сценариев, структуру, дизайн и разработку сайта.

Начали со структуры

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

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

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

Сделали сложный продукт понятнее

Одна из основных задач проекта — рассказать о технологическом продукте простым и последовательным языком.

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

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

Разработали продуктовые страницы

Для основных направлений предусмотрели отдельные страницы с единой логикой подачи информации.

На них пользователь может познакомиться с возможностями решения, понять, для каких задач оно подходит, и изучить дополнительную информацию.

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

Добавили инструмент подбора решения

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

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

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

Продумали сценарии использования

Не все пользователи начинают выбор облачного решения с технических характеристик.

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

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

Разделили основной и технический контент

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

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

Так удалось сохранить баланс между презентационным сайтом и полноценным источником информации о продукте.

Продумали точки взаимодействия

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

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

Особенно важно было сохранить последовательность сценария на длинных страницах с большим количеством контента.

Разработали адаптивную версию

Отдельно проработали поведение интерфейса на разных размерах экрана.

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

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

Создали визуальную систему

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

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

Так дизайн поддерживает технологический характер продукта, но не отвлекает пользователя от контента.

Собрали компонентную систему

Чтобы сайт можно было развивать после запуска, интерфейс построили на наборе переиспользуемых компонентов.

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

Компонентный подход также упрощает поддержку проекта: при появлении новых разделов не требуется каждый раз проектировать интерфейс с нуля.

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

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

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

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