Сайт с индивидуальным дизайном для Академии «KEUNE DESIGN»
2019
Международная академия KEUNE DESIGN объединяет академию парикмахерского искусства, центр подготовки и развития администраторов салонов, курсы менеджмента в индустрии красоты и авторские программы сертификации от компании KEUNE haircosmetics из Нидерландов.
Кто клиент?
Международная Академия KEUNE DESIGN обеспечивает индустрию красоты кадрами топ-уровня: парикмахерами, визажистами, стилистами, администраторами и управляющими салонов. Выпускники — специалисты с высоким уровнем профессиональных компетенций, обученные по мировым стандартам. Digital-агентство «Vedita» работает с этим клиентом с 2019 года.
Что предстояло сделать?
начало работ
Проблема
Академия KEUNE DESIGN — в первую очередь про стиль и эксклюзив. Это должно отражаться в каждой детали. Сайт Академии устарел и не отвечал бизнес-требованиям заказчика по внешнему виду и функционалу. Компании было важно иметь интернет-ресурс, который отражает их идеи и ценности. Также был запрос на запуск онлайн-курсов.До обращения в digital-агентство «Vedita» менеджеры Академии рассчитывали планы продаж, вели клиентов и в excel-таблицах. Такие большие объёмы документов — это сложно и неудобно. Клиенты терялись, сотрудники были загружены неравномерно и тратили время на неудобную документацию, могли что-то забыть.
Задачи
При работе с академией парикмахерского искусства нашим специалистам предстояло сделать редизайн фирменного стиля Академии KEUNE DESIGN: логотип, цветовую палитру, типографику, UX/UI элементы и т. д. Также разработать сайт с индивидуальным дизайном, который должен формировать у посетителей эксклюзивный образ компании и быть полнофункциональным интернет-магазином для приобретения обучающих курсов.За 14 лет на рынке интернет-технологий мы выполнили более 400 проектов по внедрению IT-решений и системным интеграциям. Работа с компанией KEUNE — интересный и многогранный проект для наших специалистов, потому что мы создали для бизнеса клиента цифровую экосистему. В работе с академией парикмахерского искусства много сил вложено в создание фирменного стиля и индивидуального дизайна сайта.
Разработка фирменного стиля
Ход работ 01
Дизайн играет особую роль в проекте. Индустрия красоты и моды выдвигает высокие требования к внешнему виду и пониманию трендов. Генеральный директор Академии тонко чувствует стиль. Ей не нравился действующий на тот момент логотип, что-то резало глаз. Мы взялись создавать то, что будет приятно взгляду и соответствовать статусу компании.
Мы оставили концепцию предыдущего логотипа с локонами, но нашли и исправили то, что резало глаз: угловатость и незаконченность локонов, разрыв слова keune на части, слипшиеся и выпадающие элементы. Теперь логотип лаконично вписан в окружность, выглядит аккуратно и закончено. Также мы подготовили альтернативные варианты, в которых все надписи читабельны.
Мы оставили концепцию предыдущего логотипа с локонами, но нашли и исправили то, что резало глаз: угловатость и незаконченность локонов, разрыв слова keune на части, слипшиеся и выпадающие элементы. Теперь логотип лаконично вписан в окружность, выглядит аккуратно и закончено. Также мы подготовили альтернативные варианты, в которых все надписи читабельны.
Гайдлайн по использованию фирменного стиля
Ход работ 02
Фирменная палитра состоит из эксклюзивных цветов красок для волос Keune. Мы расширили её несколькими вспомогательными цветами, полученными из оттенков основных. Это решение позволяет логотипу не теряться на чёрном фоне.
Наши дизайнеры создали гайдлайн по использованию фирменного стиля академии KEUNE DESIGN. В нём подробно описаны правила оформления: от логотипа и фирменных цветов до интерфейса и печатной продукции.
Наши дизайнеры создали гайдлайн по использованию фирменного стиля академии KEUNE DESIGN. В нём подробно описаны правила оформления: от логотипа и фирменных цветов до интерфейса и печатной продукции.
Использование профессиональных фотографий
Ход работ 03
Фирменный стиль стал основой брендинга сайта. Характерная особенность стиля компании — большие качественные фотографии, которые лучше слов рассказывают о качестве обучения, профессионализме преподавателей и понимании тенденций индустрии красоты и моды. Клиент выслал нам гигабайты снимков с профессиональных съёмок. Мы долго выбирали самые подходящие.
В гайдлайне мы использовали смелое решение, которое положило основу дизайну сайта — нестандартное расположение фотографий в «рваном» стиле. Нашему клиенту, который не понаслышке знает о стиле, такая идея понравилась.
В гайдлайне мы использовали смелое решение, которое положило основу дизайну сайта — нестандартное расположение фотографий в «рваном» стиле. Нашему клиенту, который не понаслышке знает о стиле, такая идея понравилась.
Разработка сайта Академии
Ход работ 04
Сайт Академии — имиджевый проект, инструмент для формирования образа компании и полнофункциональный интернет-магазин. Разработан на базе CMS «1С-Битрикс: Управление сайтом», лицензия «Малый бизнес». Мы сделали индивидуальную сборку и дизайн корпоративного сайта с функциями интернет-магазина, где товары — образовательные курсы в бьюти-индустрии.
Наши специалисты создали облегчённые модульные сетки специально для каждой страницы сайта Академии. Вёрстка по ним позволяет размещать много информации без увеличения времени загрузки и ощущения перегруженности. Акцентные фото и сдержанный минимализм текстовых блоков формируют у посетителей образ эксклюзивного сервиса и принадлежности к миру высокой моды. Используется «рваный» приём как в гайдлайне.
Наши специалисты создали облегчённые модульные сетки специально для каждой страницы сайта Академии. Вёрстка по ним позволяет размещать много информации без увеличения времени загрузки и ощущения перегруженности. Акцентные фото и сдержанный минимализм текстовых блоков формируют у посетителей образ эксклюзивного сервиса и принадлежности к миру высокой моды. Используется «рваный» приём как в гайдлайне.
Нетиповая интеграция с 1С: Предприятие 8
Ход работ 05
Целевая аудитория сайта — представители разных профессий в индустрии красоты и новички отрасли. Мы распределили информацию для разных типов ЦА в специальные разделы: парикмахерам, визажистам, администраторам, управляющим. На этих страницах расположили всю информацию об обучении и карточки курсов с торговыми предложениями. Разделы «Моделям» и «Партнёрам» — это информационные лендинги, отвечающие на все вопросы этого сегмента целевой аудитории.
Важно отметить ещё одно нестандартное и сложное решение, которое мы разработали для Академии — нетиповая интеграция с «1С:Предприятие 8. Управление торговлей». Наша компания — франчайзи 1С с большим опытом внедрений и интеграций. Мы заинтересованы в том, чтобы создавать для клиентов удобные системы под их бизнес-требования. В академии информация о преподавателях и курсах, включая все визуальные элементы и цены, заполняется в программе 1С и отображается на сайте.
Важно отметить ещё одно нестандартное и сложное решение, которое мы разработали для Академии — нетиповая интеграция с «1С:Предприятие 8. Управление торговлей». Наша компания — франчайзи 1С с большим опытом внедрений и интеграций. Мы заинтересованы в том, чтобы создавать для клиентов удобные системы под их бизнес-требования. В академии информация о преподавателях и курсах, включая все визуальные элементы и цены, заполняется в программе 1С и отображается на сайте.
Календарь курсов
Ход работ 06
Наши программисты разработали компонент календаря, который позволяет интуитивно понятно отображать многообразие курсов по разным дисциплинам. Это удобно, потому что есть программы, которые идут одновременно. В календаре реализован умный фильтр и поиск с учётом характеристик каждого курса: цена, даты начала и окончания, продолжительность, преподаватель, город и формат. При изменении, например, города, в каталогах автоматически изменяется стоимость, имена преподавателей и другие параметры.
Покупка через личный кабинет
Ход работ 07
В специальном каталоге курсов клиент выбирает интересующую позицию и добавляет её в корзину. В ней же он может отказаться от покупки, вернуть заказ, воспользоваться скидкой, посмотреть историю заказов. В корзине покупатель указывает контактные данные и переходит к оплате в систему эквайринга. Мы подключили несколько способов оплаты, в том числе в рассрочку с предоплатой. На электронную почту автоматически высылаются данные для авторизации в личном кабинете.
Адаптивный дизайн сайта
Ход работ 08
Особого внимания заслуживает адаптивный дизайн сайта. Мы сделали перекомпоновку элементов и изменения масштабов для 6 расширений экрана. Теперь сайт выглядит корректно на всех устройствах. Текст остаётся читабельным, качество изображений не теряется. Кстати о картинках. В информационных блоках с иллюстрациями мы использовали особый скрипт, благодаря которому не текст подгоняется под размер блока картинки, а картинка кадрируется в зависимости от объёма контента.
На сайте функционирует раздел «Блог», в котором клиент публикует профильные статьи. Мы реализовали поиск по облаку тегов, возможность обсудить статью в комментариях.
На сайте функционирует раздел «Блог», в котором клиент публикует профильные статьи. Мы реализовали поиск по облаку тегов, возможность обсудить статью в комментариях.
Интеграция с GetCourse
Ход работ 09
В начале работы клиент озвучил нам желание проводить онлайн-курсы и хотел, чтобы мы разработали полноценную систему для обучения в рамках сайта. Мы посчитали, что это решение будет необоснованно дорогостоящим для клиента и убедили воспользоваться платформой GetCourse и провести её интеграцию с сайтом. Пока мы работали над фирменным стилем и индивидуальным дизайном, в KEUNE занимались созданием онлайн-курсов. За короткий срок клиент понял, что предложенная платформа — это удобно.
Интеграция сайта с GetCourse происходит после оплаты. На платформу выгружается информация о пользователе, приобретённых курсах и типе оплаты заказов. Открывается доступ к прохождению обучения.
Интеграция сайта с GetCourse происходит после оплаты. На платформу выгружается информация о пользователе, приобретённых курсах и типе оплаты заказов. Открывается доступ к прохождению обучения.
Внедрение Битрикс24
Ход работ 10
Важная часть экосистемы Keune — это корпоративный портал на Битрикс24 для работы сотрудников. «Vedita» — золотой сертифицированный партнёр «Битрикс24». Сложные внедрения и интеграции — наша специализация. Для удобной работы внутри компании мы настроили автоматическое создание заказов, сделок и контактов в Б24 на основе данных, передаваемых из интернет-магазинов. Менеджеры ведут клиентов по воронкам. Это упростило обработку обращений клиентов без потерь данных.
Дизайн ролл-апов и офиса
Ход работ 11
Наше сотрудничество c Keune Design не ограничилось созданием e-commerce проектов. Мы были на одной волне с заказчиком и нас попросили создать макеты для ролл-апов и элементы дизайна интерьера офиса в Москве.
Продвижение и техническая поддержка
Ход работ 12
Для процветания бизнеса мало красивого и функционального сайта. Его нужно показать целевой аудитории. Наша компания работает в сфере создания и продвижения комплексных интернет-проектов по принципу «одного окна». Мы оказываем техническую поддержку и продвигаем сайта Академии.
Результаты
Академия «KEUNE DESIGN» — часть большой экосистемы keune.ru. Благодаря её созданию, выручка компании выросла на 30%, лояльность к бренду и Академии повысилась, наладилась работа внутри компании. Теперь руководству нравится то, как образ KEUNE DESIGN представлен в интернете.
Мы гордимся сотрудничеством с брендом и продолжаем развивать его цифровые системы: занимаемся технической поддержкой и продолжаем продвигать сайт в интернете.
Услуги
Разработка сайтов
от 390 000 ₽
Брендинг
Лицензии и ПО
Управленческий и операционный учёт (продажи, склад, логистика)
от 9 100 ₽
Похожие проекты