Banana
Studio
Studio
Концепт дизайна сайта студии разработки ПО, в которой я работал.
Сайт был недоделан до рабочей эксплуатации, проект заморожен.
Сайт был недоделан до рабочей эксплуатации, проект заморожен.
Моя задача
О проекте
Banana Studio — компания, занимающаяся созданием компьютерных программ. Я разработал концепцию главной страницы сайта, которая знакомит посетителей с направлениями работы студии, её услугами и этапами сотрудничества, а также показывает примеры проектов.
Сделать сайт технологичным и запоминающимся. Вместо нейтрального корпоративного оформления я использовал тему компьютерных интерфейсов и дополнил её современными визуальными приёмами.
Показать широкий спектр услуг студии и при этом сохранить понятную структуру страницы: от знакомства с компанией — к направлениям и процессу работы, а затем к примерам проектов и предложению начать сотрудничество.
Показать широкий спектр услуг студии и при этом сохранить понятную структуру страницы: от знакомства с компанией — к направлениям и процессу работы, а затем к примерам проектов и предложению начать сотрудничество.
Дизайн-решение
Фирменные цвета
Образы компьютерных интерфейсов помогают поддержать сферу компании, а иллюстрация с бананом и яркий жёлтый акцент делают подачу дружелюбнее и узнаваемее.
Полупрозрачные карточки отделяют информацию от фона, не перекрывая его полностью. Жёлтый цвет выделяет ключевые действия и поддерживает фирменную графику, а пиксельные элементы добавляют отсылку к цифровым продуктам.
Полупрозрачные карточки отделяют информацию от фона, не перекрывая его полностью. Жёлтый цвет выделяет ключевые действия и поддерживает фирменную графику, а пиксельные элементы добавляют отсылку к цифровым продуктам.
Динамика и взаимодействия
Кнопка «Начать проект» поддерживает компьютерную тему сайта. Пиксельная стрелка привлекает внимание к карточке, а при наведении курсор превращается в руку и текст кнопки выделяется жёлтым.
Стеклянные карточки располагаются поверх неподвижного цветного фона. При прокрутке блоки движутся, а свечения остаются на месте и просматриваются через полупрозрачные поверхности. Этот приём добавляет глубину длинной странице и делает её визуально живее.
В рамках проекта была подготовлена концепция главной страницы и демонстрации двух динамичных решений: прокрутки контента поверх фиксированного фона и hover-состояния кнопки. Работа над дизайном осталась незавершённой, поэтому этот кейс показывает визуальное направление и отдельные элементы взаимодействия, а не готовый запущенный сайт.
Результат
