Контекст

RocketAR — стартап, который предлагает услуги AR для бизнеса потенциального клиента. Данный коммерческий проект выполнялся, пока я был в ExtentLab: я самостоятельно реализовал дизайн сайта, а также присовил идентичность новому бренду.

Основные задачи

• Понять, с какой целью и в каком контексте пользователи будут заходить на сайт

• Проанализировать конкурентов в том же сегменте. Выявить сильные и слабые стороны

• Присвоить идентичность бренду, которая будет соответствовать сфере

• Отрисовать сайт, логотип и рекламные материалы

Аналитика

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

Вводные данные

Клиент достаточно долго готовился к запуску MVP и уже имел дизайн сайта, который не удовлетворял его запросам и запросам рынка (он так и не вышел в прод):

Конкурентный анализ

Имея вводные данные, я приступаю к аналитике. Вначале стараюсь ответить на самые важные вопросы, чтобы «не уплыть» не туда уже в процессе отрисовки:

Зачем клиенту нужен сайт?:

Убедить потребителей приобрести подписку

Почему пользователи выберут именно его?:

• Почти нет конкурентов

• Возможность создания своего приложения

• Возможность делиться 3D моделями по ссылке

• Поддержка любого устройства с камерой

• Быстрая регистрация и легкая реализация

И уже после приступаю к конкурентному анализу. Так как конкурентов с именно такими услугами нет, взяли с максимально похожими:

Также параллельно собирал скриншоты ключевых страниц с сайтов конкурентов, чтобы понять, насколько эстетичен типичный сайт в этой области, и учесть их ошибки.

Функциональный прототип

На этом этапе я фиксирую содержание каждого блока на всех страница: объем текста, количество медиа-контента и так далее.

Отрисовка

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

Весь список эмоций и ассоциаций которые связаны с проектом:

3D, Технологичность, Иновационно, Виртуальная реальность, Дополненная реальность, Качество, Надежность, Скорость, Производительность, Решение для бизнесов, Уникальность, Доступность, Камера телефона, Мобильное приложение.

До 3-х, на которых будет завязан проект:

Технологичность, Качество, Производительность.

Референсы

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

Визуальная концепция

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

Финализация

Имея стилистическое направление, утвержденную главную страницу для десктопа, начинаю отрисовку всех страниц и логотипа. Выделю ключевые страницы и логотип:

Также поработал с рекламными материалами (должен быть интерфейс мобильного приложения, но так как оно еще в разработке временно поставил сайт для примера).

Результат, вывод

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