Сервис просмотра документов

Web-сервис
Сервис просмотра документов

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

fJ00VE0OtJrvEFUTrWRBiyjdmZJIpE3Xk3wUJ2WC.png

Задачи

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

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

1.png

Дизайн-концепции

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

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

2a.png

Дизайн

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

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

3a.png

Срок реализации: 2 месяца

Стек технологий

Figma