кейс
Научная тропа
Научная тропа
Команда Центра туризма Университета Иннополис обратилась за разработкой лендинга для презентации услуги по организации научных троп в регионах.
Проект стартовал на этапе формирования визуального направления лендинга. На старте были определены базовые требования к связи с брендом Университета, при этом digital-стиль продукта требовал отдельной проработки.
Основной задачей было создать современный лендинг, который:
- визуально соотносится с брендом компании,
- сохраняет самостоятельную digital-подачу,
- помогает структурно представить продукт,
- может быть реализован и поддерживаться на Tilda.
задача
Брендинг > Прототип > Подготовка контента > Дизайн > Дизайн-ревью > Tilda
процесс работы
Исследование и поиск направления
На первом этапе был проведен анализ текущих визуальных материалов компании и digital-референсов в смежной и околосмежной нише.
Это помогло определить визуальную систему, которая сохраняет узнаваемость бренда, но выглядит современно и отдельно от основного корпоративного сайта.
Это помогло определить визуальную систему, которая сохраняет узнаваемость бренда, но выглядит современно и отдельно от основного корпоративного сайта.
- анализ текущего бренда Университета,
- подбор референсов,
- определение визуальных принципов,
- moodboard
На первом этапе было выполнено:
Формирование визуальной концепции
Визуальная система лендинга строилась на основе фирменных элементов компании, адаптированных под web-интерфейс:
- фирменные цветовые акценты,
- базу типографики,
- общий тон коммуникации.
Это позволило сохранить связь с брендом без полного копирования корпоративного стиля.
При этом интерфейс был сделан более «воздушным» и адаптированным под структуру презентации: с акцентом на важную информацию, контрастные секции и более современную визуальную подачу.
Проектирование структуры лендинга
При проектировании структуры лендинга основной фокус был на последовательной подаче информации и читаемости контента.
Была выстроена структура экранов с акцентом на:
- ключевое ценностное предложение,
- преимущества продукта,
- сценарии использования,
- CTA-блоки
Дизайн макета
Макет был разработан с акцентом на минималистичный интерфейс и читаемую структуру.
Для повышения визуальной целостности использовалась единая система отступов, повторяющиеся паттерны карточек и ограниченная палитра акцентных цветов.
Отдельное внимание уделялось адаптивности и тому, как дизайн будет переноситься в Tilda без потери композиции.
Результат
После утверждения макета лендинг был реализован на Tilda с использованием кастомных Zero Block-секций и адаптивной настройки интерфейса под разные разрешения.
В процессе реализации дизайн был оптимизирован под особенности платформы без потери визуальной логики и структуры интерфейса.
В процессе реализации дизайн был оптимизирован под особенности платформы без потери визуальной логики и структуры интерфейса.
- поиск визуального направления,
- разработка структуры лендинга,
- UI-дизайн,
- адаптация под Tilda,
- финальная сборка и настройка.
Моя роль на проекте
- связать лендинг с брендом,
- сделать современную digital-подачу,
- сохранить простоту редактирования в Tilda,
- быстро согласовывать изменения.
Ключевые задачи
Основная сложность проекта заключалась в отсутствии четкого визуального направления на старте.
Поэтому часть процесса была посвящена формированию самого подхода к стилю и поиску баланса между корпоративной айдентикой и самостоятельным digital-интерфейсом.
В результате был разработан лендинг с самостоятельной визуальной системой, связанной с брендом компании и адаптированной под digital-среду.
Проект объединил этапы визуального поиска, UI-проектирования и финальной реализации на Tilda.
Поэтому часть процесса была посвящена формированию самого подхода к стилю и поиску баланса между корпоративной айдентикой и самостоятельным digital-интерфейсом.
В результате был разработан лендинг с самостоятельной визуальной системой, связанной с брендом компании и адаптированной под digital-среду.
Проект объединил этапы визуального поиска, UI-проектирования и финальной реализации на Tilda.
Что было самым сложным
Результат
После утверждения макета лендинг был реализован на Tilda с использованием кастомных Zero Block-секций и адаптивной настройки интерфейса под разные разрешения.
В процессе реализации дизайн был оптимизирован под особенности платформы без потери визуальной логики и структуры интерфейса.
В процессе реализации дизайн был оптимизирован под особенности платформы без потери визуальной логики и структуры интерфейса.
контакты
Юлия Трапезникова
А также подписывайтесь на мой канал за подробностями моей работы:
сайт создан juliajuly_design
