4 этап. Визуальная аналитика
1. Прямая аналитика.
На данном этапе вам необходимо взять первую страницу с сайта (горизонтальную ориентацию Landing page). Работы для аналитики рекомендую брать на Behance. Проанализировать ее и на основе анализа сделать карточку для МП вертикальной ориентации 900х1200 пикс. Далее сделать презентацию на телетайп. Описать процесс аналитики, приложить референс и получившийся вариант.
Дедлайн 20.00 мск 15.06.2025 г.
Приложить ссылку на презентацию в инфочат 4 этапа.
Пример описания аналитики:
Внимание. Данный пример ознакомительный и не является единственным правильным. Запрещается 1 в 1 использовать структуру описания, а также брать похожую композицию.
У каждого должна быть своя раскрытая аналитика, а также разное количество блоков описания и их порядок.
Общая композиция горизонтальная. Размещение симметричное исходя из доминанты, также зарыты поля и якорные точки.
Визуально макет разделен на 3 области, которые обособленны друг от друга воздушным пространством. Центральная часть является доминирующей.
Центральная часть визуально разделена на 4 области: Заголовок (поддерживающий поля), доминанта, и элементы по краям доминанты для баланса.
Доминанта вертикальная. Но так как ориентация макета горизонтальная, для увеличения визуального веса, а также контраста выполнена подложка акцентного цвета.
Цветовая гамма - монохроматическая - светлая с акцентным цветом.
Пояснительная записка
Из проведенного анализа, был составлен макет в вертикальной ориентации с сохранением всех принципов исходя из анализа выше.
Макет по вертикали разделен на 3 части, в которой центральная часть является доминирующией. Также сохранены все принципы выравнивания и полей.
В качестве основного шрифта как и в примере использован неогротеск. В конкретном случае stolzl. Для текста первой иерархии схожий по форме Wadik. Также соблюдена важная составляющая высокого контраста заголовка и основного наборного текста.
Цветовые решения также перенесены полностью с сохранением пропорций.
Балансирующие элементы в референсе не могут быть реализованы также в текущем макете из-за разницы в ориентациях. Но их функция сохранена
Нижняя и верхняя части композиции сохранены без изменений, так как реализуются одинаково в вертикальной и горизонтальной ориентации.
2. Обратная аналитика.
Вам необходимо взять на Wildberries карточку товара, которая имеет плохой дизайн (не правильный) с большим количеством типографики и различных композицонных приемов. По аналогии с первым заданием вы теперь находите ошибки, описываете их с указанием областей (скрины) где они допущены, затем описываете и показываете, как это правильно сделать, в конце у вас будет полностью переделанный вариант.
Форма описания презентации свободная. Представьте, что вы презентуете свой проект перед группой инвесторов. Ваша задача исчерпывающе объяснить почему ваш вариант правильный и аргументировать это.
Оба задания загружать в одну презентацию!
Урок:
https://vk.com/video-211892860_456239079?list=ln-bpDKwzakItdyHcBMZt