Многостраничный сайт для компании в сфере корпоративного обучения
БУМ
О проекте
Заказчик — компания, помогающая укреплять корпоративные команды с помощью тренингов, деловых игр и других форм образовательных программ. Ребята делают это с творческим подходом, разрабатывают индивидуальные шоу-программы и всей душой горят своим делом. В их копилке кейсы с известными всем крупными российскими компаниями.
Объем — 40 страниц
Тип — многостраничный сайт
Ссылка на сайт — https://bumshv.com/
Разработка совместно с The Spot
Тип — многостраничный сайт
Ссылка на сайт — https://bumshv.com/
Разработка совместно с The Spot
До редизайна
У «БУМ» уже был сайт, но пришло время обновления. После анализа было выявлено:
- тексты не раскрывали, насколько ребята классные и какие сильные у них образовательные программы
- запутанная навигация между услугами
- за время работы появилось много новых программ, описания которых на сайте отсутствовали
- не было подробных кейсов
Структура и карта сайта
После подробного брифа и анализа предложили новую структуру:
- сделали отдельные страницы под кейсы и услуги, с краткими карточками на них, с которых можно перейти дальше на отдельную страничку с подробным описанием
- сделали удобную навигацию, предложили кастомное фиксированное меню, с которого в любой момент пользователь может перейти на основные страницы
- заказчик планирует в будущем продавать мерч и образовательные продукты с сайта, для этого сразу заложили эту страницу в общую структуру
- запланировали типовые страницы под каждый кейс и услугу
- название компании «БУМ» ассоциируется с вау-эффектом, которое предложили использовать в качестве УТП
Идеи дизайна
Прежде, чем приступить к работе над сайтом, заказчик сделал ребрендинг, поэтому при создании дизайн-концепции ориентируемся на цвета из брендбука (голубой, оранжевый, черный) и шрифты. Отталкиваемся от того, что ребята — креативные, веселые, с творческим и нестандартным подходом в работе, но при этом учитываем целевую аудиторию, премиальность продуктов и легкую строгость, которые хотелось передать.
Энергию, креативность, гибкость предлагаем передать с помощью сложных градиентов, динамичной типографики и ярких акцентов. Легкость, открытость и творческий процесс передаем с помощью рукописных элементов (подчеркиваний, легких почеркушек). Вау-эффект «БУМ»а усиливаем с помощью анимации.
Энергию, креативность, гибкость предлагаем передать с помощью сложных градиентов, динамичной типографики и ярких акцентов. Легкость, открытость и творческий процесс передаем с помощью рукописных элементов (подчеркиваний, легких почеркушек). Вау-эффект «БУМ»а усиливаем с помощью анимации.
Дизайн-концепции
Предлагаем 2 концепции.
В 1 концепции опираемся на драйв, энергию и гибкость — передаем их с помощью плавно перетекающих градиентов, динамичной типографики. На главный экран выносим элементы соц. доказательств в виде карточек со статистикой.
2 концепция более сдержанная и корпоративная, но не без эффектов. На главном экране используем стикеры с фирменными фразами из брендбука, а дополнительных эмоций планириуем добавить с помощью анимации по скроллу: выезжающим оранжевым кругом и умеренно разлетающимися элементами.
В 1 концепции опираемся на драйв, энергию и гибкость — передаем их с помощью плавно перетекающих градиентов, динамичной типографики. На главный экран выносим элементы соц. доказательств в виде карточек со статистикой.
2 концепция более сдержанная и корпоративная, но не без эффектов. На главном экране используем стикеры с фирменными фразами из брендбука, а дополнительных эмоций планириуем добавить с помощью анимации по скроллу: выезжающим оранжевым кругом и умеренно разлетающимися элементами.
Финальный дизайн
Заказчику понравилась концепция с градиентами, дорабатываем макеты по комментариям, добавляем темную подложку на главный экран для баланса между креативностью и премиальностью.
Главный акцент на услугах компании поэтому карточки с продуктами располагаем динамично, чтобы управлять вниманием пользователя.
Делаем кастомное меню, чтобы пользователь в любой момент мог перейти к интересующей услуге без долгих поисков внутри страниц.
Кусочки финальных макетов и мобильной версии
