+7 912 627 87 64

Вот, что мною сделано

Коротко и ёмко эту часть работы можно назвать как — “Бесконечная история”. Тем не менее нам удалось собрать и описать полный набор элементов, использующихся в продуктах Компании, а так же воплотить его не только в Figma, но и в Сторибук. Разумеется, дизайн-система — это “живой организм”, который постоянно растёт, меняется, дополняется и адаптируется под актуальные требования, новые тенденции и идеи. Посмотрите на примеры реализации.

Долгое время основным продуктом KnowledgeCity являлась замечательно профессионально подготовленная обширная библиотека курсов в различных областях знаний. Сейчас новым “сердцем” стала разработанная нами LMS, предоставляющая клиентам Компании неограниченные возможности в постройке собственных обучающих платформ с использованием как собственных обучающих материалов, курсов специально подготовленных специалистами KnowledgeCity, SCORM-курсов. Вот так наша LMS выглядит изнутри в примерах.

LMS - это админская часть продукта, а для тех, кто проходит обучение — необходим интерфейс учебного портала. Для каждого своего клиента Компания предоставляет копию собственного на своей платформе, подключая клиентский домен. Дизайн такого портала, незатейлив и утилитарен. Но отличительной особенностью является возможность клиенту самостоятельно настроить дизайн портала в собственном корпоративно стиле. Более того — зная, как клиентам не хочется этим заниматься самостоятельно, каждому нашему клиенту мы предлагали дизайн кастомизации клиентского портала на основе брэндбука или же референсов, в том числе с учётом версии на арабском языке и затем внедряли его в готовом продукте. Посмотрите примеры некоторых из них ниже.
Так же мы регулярно проводили дизайнерские мозговые штурмы с предложениями по улучшению дизайна и функционала шаблонов портала.

Если LMS — это «сердце» компании, то Admin Tools — это система управления порталами, контентом, подписками и всеми возможными доступами — это фактически ее «мозг».
Посмотрите видео, в которых я затрону кейсы разработки разделов менеджера порталов - собственно, основного функционала, многофакторной аутентификации, маркетплейса.

Для проведения промо-кампаний новых программ и курсов Компания активно использует посадочные страницы. Разумеется, главное требование при их разработке заключается в возможности собирать и публиковать такие страницы в очень сжатые сроки. Допускалось корректировать и улучшать элементы дизайна, вводить новые, но деликатно и строго в контексте существующего корпоративного стиля и устоявшихся приёмов.
У Отдел Маркетинга так же было требование иметь возможность корректировать информацию на страницах самостоятельно с помощью собственной CMS интегрированной в CMS основного веб-сайта Компании, добавлять при необходимости на страницу новые информационные блоки, менять их местами, скрывать.
Таким образом, помимо общего дизайна посадочных страниц, мною была разработана система стандартных блоков. Таких как к примеру текстовый блок с изображением или видео, группой курсов, цитата, форма, хэдер с формой или видео и так далее. Блоки были систематизированы и объединены в группы по общим признакам. Для удобства им так же была присвоена соответствующая узнаваемая кодировка. Подробнее смотрите ниже в абзаце CMS of Website & Landing Pages.
Как следствие - была предложена концепция сборки новых страниц по принципу No-Code, что так же нашло продолжение в разработке админской части — в CMS.

Для управления контентом корпоративного веб-сайта, а так же контентом разнообразных промо-лэндингов, интегрированных в сайт, у компании возникла необходимость создания собственной CMS. Корпоративный веб сайт и лэндинги собраны на собственной самописной платформе и небольшая, но неудобная CMS уже была. Моя задача была спроектировать CMS-2.0, чтобы была возможность собирать новые лэндинги по принципу No-Code на стандартных блоках без предварительной отрисовки дизайн-макетов и последующей вёрстки.
Вот, посмотрите видео, как я это делал: из чего состоит ЦМС, какие стандартные блоки я предложил использовать, как из них создаётся новая страница и как наполнять и управлять контентом.

Так же мы с командой поработали над айдентикой компании, улучшили корпоративные цвета, обновили логотип, предложили варианты деликатного обновления страниц корпоративного веб-сайта с сохранением текущей стилистики.

Так же мы полностью переделали и улучшили шаблоны корпоративного блога, изначально реализованного на платформе Word Press в том числе и для Арабской версии. Совсем не просто делать простые вещи — оцените результат!

Вернуться на главную

KnowledgeCity проект

Мой блог

Обо мне

Фотографика

Векторные Иллюстрации

Семиотический Дизайн

UX / UI

НАВИГАЦИЯ
ПО САЙТУ