![](https://www.justbenice.ru/wp-content/uploads/2017/11/justbenice-vegetoria-1050x1400.png)
Макеты сайта ICP Centre
Петербургская компания ICP Centre занимается продвижением коучинга и личностного развития. Когда команда компании обратилась в нашу дизайн-студию, у них уже был сайт, но не было единого визуального языка. А это то, без чего не может обойтись ни один большой проект.
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-26-1400x788.png)
Правда, уже шла работа над логотипом, но он пока не получил логического продолжения на страницах сайта и в социальных сетях. Это нам и предстояло исправить, взяв логотип, исполненный в синих цветах, за отправную точку.
В качестве смыслового фундамента для нового визуального языка мы предложили использовать образ спирали. Это символ профессионального роста: человек, оставаясь самим собой, с каждым витком «винтовой лестницы» поднимается на новый уровень. Но на эту спираль мы смотрим сверху. Отсюда основной элемент фирменного стиля — круг с прочерченным радиусом и градиентной заливкой цветом. А дальше — и другие динамичные формы.
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-02-1400x543.png)
Сайт мы разрабатывали с учетом всех возможных устройств, на которых его будут открывать. Поэтому макеты сразу делали и по ширине компьютерного монитора, и в вертикальном формате — чтобы было удобно читать на экране смартфона. Тем более что число пользователей, заходящих на сайт с мобильных телефонов, за последние несколько лет сравнялось с числом тех, кто заходит со стационарных компьютеров и ноутбуков.
Начали мы с главной страницы, где визуальными средствами подчеркнули разделение на смысловые блоки. Вверху — анимированный баннер с одним из предложенных нами символов коучинга. А ниже идут блоки разного формата, но, что важно, оформленные в общем стиле. Это может быть и встроенное видео, и слайдер с фотографиями или таблицами, и красивая картинка с кнопкой для перехода по ссылке.
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-33-385x1400.png)
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-34-385x1400.png)
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-35-385x1400.png)
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-36-385x1400.png)
По схожему принципу строятся и страницы с описанием учебных курсов. Мы сделали для заказчика удобный конструктор, с помощью которого можно самостоятельно собрать из необходимых элементов и баннер, и все остальные блоки. Поэтому нам не нужно было самим верстать сайт — мы курировали процесс и подсказывали, что и как лучше сделать, если возникали вопросы.
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-1-1400x1240.jpg)
Описание курса
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-2-1400x710.jpg)
Для кого этот курс обучения
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-3-1362x1400.jpg)
Что изменится после прохождения курса
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-4-1400x1108.jpg)
Слайдер с программой курса
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-5-1400x1014.jpg)
Архитектура программы
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-6-1400x718.jpg)
Видео рассказ о курсе
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-7-1400x1073.jpg)
Расписание курса
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-8-1400x1171.jpg)
Ведущие программы
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-9-1400x1002.jpg)
Стоимость
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-10-1400x441.jpg)
Отзывы выпускников
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-11-1400x673.jpg)
Сертификат выпускника
![](https://www.justbenice.ru/wp-content/uploads/2022/12/justbenice-icp-12-1400x774.jpg)
Нужно сказать, что веб-дизайн в этом проекте по факту перерос в разработку фирменного стиля. Но все-таки главной нашей задачей было придумать визуальное наполнение для сайта, причем сайта с огромным количеством информации и разноформатного контента. Одних только статических страниц мы в конечном итоге отрисовали порядка 35 штук.
![](https://www.justbenice.ru/wp-content/uploads/2022/10/justbenice-icp-website-01-1400x788.png)
Интересно, что это наш первый проект, который мы сделали, так и не познакомившись с клиентом лично. Все общение было удаленным, что, впрочем, никак не сказалось ни на общей вовлеченности в работу, ни на ее качестве.
Над проектом работали:
- Игорь Киселев арт-директор и дизайнер
- Яна Герасимова менеджер проекта
- Варвара Стрельникова технический дизайнер