Целевая аудитория
Аудитория OHAUS — молодые, любознательные и активные дизайнеры, художники, иллюстраторы, режиссёры и блогеры до 25-30 лет. Из них 80% девушек.
Несмотря на то, что все ребята достаточно современные и креативные, мастер-класс предполагал работу с нейросетями. И опрос аудитории показал, что 35% ЦА боится нейросетей, не зная, как к ним подступиться.
Исходя из этого, был разработан концепт проекта. Ключевая идея — вызвать в потенциальных клиентах чувство ностальгии.
Нейросети должны были выглядеть чем-то узнаваемым — и потому доступным и постижимым.
В ходе пред-проектной аналитики было выяснено, что 60% пользователей ностальгирует по концу девяностых и началу двухтысячных, когда они сидели за увесистыми родительскими компьютерами. За основу был взят этот промежуток времени и его эстетика.
В ходе пред-проектной аналитики было выяснено, что 60% пользователей ностальгирует по концу девяностых и началу двухтысячных, когда они сидели за увесистыми родительскими компьютерами. За основу был взят этот промежуток времени и его эстетика.
Референсы
Для проекта было важно соединить прошлое и будущее, поэтому наряду с уже ставшими винтажными старыми окнами Windows были использованы cyber-core и future-core гифки. Это помогло сделать лендинг увлекательным и легким для восприятия.
Варфреймы
Тексты для сайта, предоставленные заказчиком, были лишены иерархии; в них отсутствовали заголовки и подзаголовки. Поэтому разработка вайрфреймов помогла выстроить иерархию материала и грамотно распределить его по блокам, обозначив предварительное расположение текста и гифок.
Тексты для сайта, предоставленные заказчиком, были лишены иерархии; в них отсутствовали заголовки и подзаголовки. Поэтому разработка вайрфреймов помогла выстроить иерархию материала и грамотно распределить его по блокам, обозначив предварительное расположение текста и гифок.
Типографика
Для проекта был выбран гротеск IBM PLEX MONO. Моноширинный, строгий и олдовый, этот шрифт отлично вписался в проект, ностальгирущий по старым интерфейсам, но при этом тяготеющий к новым изобретениям.
Визуальное решение
Чтобы поддержать чувство ностальгии и концепт рабочего стола, на фон всего сайта была помещена фиксированная заставка со знаменитым полем. И, скролля страницу, пользователь будто перемещал вкладки по рабочему столу, глубже погружаясь в проект.
В середине сайта был использован горизонтальный скролл, чтобы сделать путь клиента до целевого действия более «живым», достоверным и объёмным.
Меню
Чтобы поддержать концепт рабочего стала, меню, с навигацией по ключевым блокам сайта и возможностью быстрой записи на мастер-класс, было зафиксировано по нижнему краю экрана: в лучших традициях меню WIndows.
Чтобы поддержать концепт рабочего стала, меню, с навигацией по ключевым блокам сайта и возможностью быстрой записи на мастер-класс, было зафиксировано по нижнему краю экрана: в лучших традициях меню WIndows.
Прелоадер
Чтобы сразу погрузить клиентов в атмосферу проекта и дать гифкам, использованным на сайте, возможность подгрузиться к моменту открытия главного экрана, для сайта был разработан прелоадер.
Чтобы сразу погрузить клиентов в атмосферу проекта и дать гифкам, использованным на сайте, возможность подгрузиться к моменту открытия главного экрана, для сайта был разработан прелоадер.
Адаптив
Чтобы проект открывался с любого устройства, были разработан адаптивные версии для вертикальных и горизонтальных экранов.
Чтобы проект открывался с любого устройства, были разработан адаптивные версии для вертикальных и горизонтальных экранов.
«Живой» кейс, с прикольным прелоадером, анимацией и погружающим в ностальгию эффектом, можно посмотреть здесь.
Проект был разработан в учебных целях. Он получился ярким, необычным — и попал в самое сердце всех, кто его видел. Если вы тоже хотите необычный сайт, который выстроит эмоциональный контакт с клиентом, буду рада помочь. Удобно будет связаться в Телеграм? :)
Проект был разработан в учебных целях. Он получился ярким, необычным — и попал в самое сердце всех, кто его видел. Если вы тоже хотите необычный сайт, который выстроит эмоциональный контакт с клиентом, буду рада помочь. Удобно будет связаться в Телеграм? :)