SETTERS разработали сайт для ирландских бизнес-психологов из Kinch Lyons

На новом сайте команда SETTERS построила удобные пути для пользователей и показала уникальную визуальную идентичность Kinch Lyons

Kinch Lyons — международная команда бизнес-психологов, которая занимается развитием кадровых ресурсов с применением инструментов психологии.

Компания разработала новый брендинг и обратилась в SETTERS, чтобы обновить сайт с учетом новой айдентики. У предыдущей версии сайта была запутанная структура, многие пользователи терялись и не доходили до целевого действия — покупки курса. Поэтому надо было поменять структуру сайта и продумать новые пути для пользователей.

На старом сайте Kinch Lyons из айдентики был только логотип. Команда SETTERS решила показать новый брендинг клиента с помощью цветов. Команда выбрала из брендбука три оттенка: синий, розовый и черный. Они стали основными для всего сайта. Остальные цвета — оранжевый, зеленый и бежевый, использовали, чтобы визуально разделить блоки и категории.

Паттерн Kinch Lyons составлен из очертания стрелки, которая используется в логотипе. Так как паттерны обычно состоят из большого количества графических элементов, чтобы не перегрузить сайт дизайнеры использовали одиночный элемент стрелки. Она не привлекает много внимания, но отражает новую айдентику.

На старом сайте много информации дублировалось. А путь пользователя до покупки курса был запутанным. Например, на старом сайте клиента было два раздела — Certification (курсы) и Upcoming events (приближающиеся события). Информация в этих разделах почти полностью дублировалось, только в Upcoming events были курсы, на которые можно записаться сейчас, а в Certification — все.

С главной страницы пользователь мог пойти двумя путями. Первый: перейти в раздел Get certified (получить сертификат), попасть на вкладку со всеми курсами, а дальше открыть страницу с информацией о понравившемся курсе. Второй: зайти в раздел Events (события), попасть на страницу с актуальными курсами, а после выбора курса на страницу с регистрацией.

Команда упростила путь пользователя — объединила все курсы в один раздел с возможностью фильтрации. На главной странице добавили блок с актуальными курсами, чтобы выделить события, которые проходят сейчас. И упростили покупку курсов — сделать это можно прямо с карточки курса.

Также дублировались разделы Articles и News: на главной и в меню они назывались по-разному, но это была одна и та же страница. Команда сделала общий раздел Connection, где находится все, связанное с контентом, — Articles и Videos.

Чтобы выстроить удобные пути для пользователей сайта, команда глубоко погрузилась в бизнес клиента. Так как профессиональная терминология не всегда корректно переводится на русский, нужно было разобраться с нюансами курсов и их категориями.

Обычно корпоративные сайты с бизнес-тематикой выглядят слишком сухо и строго. Благодаря цветовому сочетанию, плавным анимациям, и нестандартным композиционным решениям, команда создала удобный сайт, который подчеркивает экспертность и индивидуальность Kinch Lyons. Это о людях, их тёплом и легком общении, а также о новых открытиях для себя.

Новый сайт Kinch Lyons выиграл награду в октябре 2022 года на Awwwards Honorable Mention — международная премия для веб-дизайнеров и разработчиков. И взял награды премии CSS Awards в номинациях Special KUDOS, UX award, UI award, Innovation Award.

Digital producer: Даша Белая

Арт-директор: Сергей Борцов

GH Lead UX/UI designer: Аня Пронина

UX/UI-дизайнер: Вадим Мовчан

Account manager: Ярослав Былинкин

Web-production: Methodzero