Рекора Дизайн

Рекорды & Высоты

Давний партнёр — завод-производитель изделий из пластика открыл новое направление: изготовление композитных купелей, выделил его в отдельный брэнд, и обратился за помощью в создании интернет-магазина. Нюанс в том, что у него еще не было ни реализованных проектов, ни фотографий завершённых изделий, ни текстов, ни отзывов — лишь намерение. Обычно, разработчики “бегут” от таких заказчиков, но мы смело взялись и подошли нестандартно. Начали сразу с подготовки графической концепции, используя аналоги и референсы сайтов-конкурентов определили требования к контенту и структуре как самого сайта, так и блоков страниц. Использовали нейросети для генерации изображений. И словно на тестовом стенде, прямо на макетах отрабатывали идеи, пользовательские сценарии совершения заказа и пришли к итоговому решению. Возможно более простому, чем задумывалось изначально, но — именно такому, в котором нуждается новый бизнес нашего партнёра.

Дизайн, структура и пользовательские сценарии новой версии созданного ранее совместно с Modx-Assist оптового интернет-магазина носков, нижнего белья, галантерейных товаров. Сейчас более 60% заявок поступает со смартфонов, поэтому применён принцип Mobile-First. Учтены все метрики и отзывы клиентов, поведенческие паттерны, унаследованные от маркетплейсов. Минималистичный дизайн и цветовая гамма ориентированы на ЦА с учётом специфики товара. Отрисовано более 150 экранов для мобильной версии и десктопа, проработано более 70 пользовательских сценариев, с учётом всех возможных действий и состояний. Переработана корзина, личный кабинет пользователя, система авторизации, фильтрация контента. Также ранее мною был разработан обновлённый логотип маркетплейса. Готовые Figma-мокапы переданы в вёрстку для дальнейшего переподключения шаблонов.

Иногда приходится создавать лендинг, для того, чтобы рассказать о том, как создаёшь веб-сайты. Именно эту задачу мне поручило РА Колибри из Екатеринбурга: оформить кейс о разработке корпоративного сайта для архитектурного бюро AMG. У меня было: вордовский документ с текстами, которые должны быть на странице, скриншоты результатов работы и непринятых вариантов.

Я придумал, как слепить из этого эмоционально окрашенную историю: 1. Познакомить зрителя с Заказчиком; 2. Продемонстрировать стадию идеации, через буйство метафор и ассоциаций; 3. Выразить азарт процесса проектирования и смелости решений; 4. Спокойно остановиться на выводах.
Так же в векторном редакторе мною был создан небольшой айконсет.

KnowledgeCity - компания из США, разрабатывающая решения для электронного обучения с более чем 15-летним опытом в индустрии. Своим клиентам из США, Европы и стран Ближнего Востока KnowledgeCity предлагает обширную учебную библиотеку, систему управления обучением под ключ (LMS), включая пользовательские учебные порталы.

С командой дизайнеров KC мы разработали Дизайн-систему для пользовательских и внутренних инструментов компании и создали Сторибук. Разработали новую LMS, продумали множество юзер-флоу в том числе для формирования Learning Path. Создали шаблоны для простой кастомизации Клиентских учебных Порталов, разработали новый Admin Tools и Маркетплейс для управления порталами и их контентом.

Мы подготовили предложения по обновлению страниц корпоративного сайта компании, мы освежили и сделали более доступным дизайн блога компании, в том числе и для пользователей, читающих на арабском языке.

Мы разработали систему информационных блоков и совершенно новую CMS для создания новых тематических промо-лэндингов компании, используя принцип No-Code.

Мы поработали с айдентикой компании, деликатно улучшили корпоративные цвета, освежили логотип, продумали варианты брэндирования продуктов компании, разработали собственный уникальный икон-пак.

Представим себе социальный онлайн сервис, по оказанию юридической поддержки гражданам, ставших жертвами банковских мошенников, юридических ошибок, ошибок приставов и т.п.
Необходимо было придумать онбординг пользователя. Но не в ключе ознакомления с работой сервиса, а в русле ознакомления процесса решения его проблемы: знакомство с теми шагами и действиями, которые гражданин должен последовательно пройти при поддержке юриста, чтобы законно решить свою проблему.

Посмотрите, как я решил этот кейс, объединив страницу входа / регистрации в сервис с информационными материалами о путях решения проблем.

Так же в CorelDraw были отрисованы персонажи - участники презентации.

В некоей компании сотрудники назначают друг другу встречи — чтобы
обсудить рабочие дела, рассказать о результатах, решить проблему. Встречи проходят в переговорках — небольших комнатах вместимостью от 3 до 10 человек. Они по-разному оборудованы: в переговорке может быть стол, маркерная доска, компьютер и телевизор, к которому можно подключить ноутбук.

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

Смотрите, как я нашёл простое решение данной задачи, исследуя прототип или просмотрев мой пояснительный видеоролик.

Предложение логотипа портала, посвящённого культуре Югры (ХМАО), что понятно из названия.

Поигрался с ассоциациями, поработал 
с метафорами - что есть культура, 
каков её визуальный образ?

Почему-то виделся "мальчик с арфой", хех...
К счастью у Хантов существует красивый струнный инструмент Тор-сапль-юх (Журавль 
с деревянной шеей) или иначе — хотол (лебедь), так что идея смогла обрести свой чёткий законченный абрис.

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

Это вторая версия сайта. Первый сайт был создан в 2009 году совместно с Redix.
Агентство «Лагуна» расположено в городе Анапа, на побережье Черного моря в России. Агентству уже 25 лет, оно одно из старейших в России. И все это время – нас связывают прочные партнерские отношения.

В дизайне важно было отразить морскую тематику и немного затронуть тему космоса. Владелец агентства раньше работал в космической отрасли.
Поэтому появились волны, плавные линии, брызги. Были придуманы соответствующие уникальные иконки.
Прототипирован и спроектирован в Figma, собран на MODX Revo. Векторные элементы, созданы в Corel Draw.

Для традиционного осеннего похода нашего турклуба по был разработан и собран промо-лэндинг на Tilda с помощью как стандартных 
так и Zero-blokcs.

Для лэндинга была отрисована векторная иллюстрация для обложки в CorelDraw, изображающая сам хребет Нурали и условный маршрут.
Были отсняты и обработаны фотоматериалы, созданы тематические иконки.

Так же были подготовлены промо-материалы 
для анонсирования события в социальных сетях.

Немного "иконоборчества" и размышлений по визуальным образам для нашего клуба.

Заброска туристических групп собственным транспортом — ну как показать это иконкой? Нарисовать машинку? Примитивно и не информативно. 
Ну что еще? Забросить так забросить — из катапульты, требушета, огромной рогатки... еще чуть-чуть и из пушки — на луну :))

"Это было Душевно!" — говорим мы, вспоминая какой либо из походов. Важное впечатление! А что это означает для каждого из участников? И как это выразить знаком?"...Это обязательное наличие совместно-проведенного времени не в движении, а когда можно расслабиться, поболтать, обсудить что уже было и что планируется, просто погрузиться в ощущения, это как правило, у костра, ну или время в палатке во время дождя ))"

Счастье любит тишину! Как выразить готовность водить в коммерческие походы мини-группы от четырёх человек — как ключевое преимущество нашего тур клуба? Каким лаконичным знаком, какой ёмкой фразой? 
Ну нарисовал бы я четыре человечка, возможно даже обнявшихся и что? Прямолинейно, скучно и... непонятно. Может быть ставшую хрестоматийной очередь на Эверест, категорически перечёркнутую? — ну это уже слишком — в знаке не должно быть негатива. Хочется "душевности", но она уже обрела своё визуальное воплощение в знаке нарисованном мною ранее. 
А пусть это будет походный термос, три кружки плюс кружка-крышка! Чем не символ небольшой душевной компании в совместном походе? А почему же мини-группы — это преимущество? Да потому что переживания и ощущения победы — это глубоко личные чувства, я в этом уверен. Достичь своей высоты — это счастье, а счастье любит тишину!

В основе знака намек на букву Ψ, вписанную 
в круг, изображение ветвей деревьев, крыльев бабочки, страниц книги, перьев листьев, очертаний птиц.
В полноцветном варианте присутствует контраст оранжевых (бодрость, свет) и синих (спокойствие, уверенность, сила) тонов, бирюзового (расслабление, легкость, свобода).
Монохромные варианты: линейные 
и заполненные – золото и оттенки.
Написание названия в двух вариантах: декоративным шрифтом с засечками для полноцветного варианта. Для монохромного варианта надпись уменьшена, шрифт использован простой, без засечек.
Логотип многогранен, почти геральдический, олицетворяющий сложность и богатство человеческих чувств, их многообразие и интерес. Цельный, но без строгой симметрии, динамичный, воздушный.

Набор векторных изометрических иконок для справочных материалов веб-сайта — Catalogs, Articles, Presentations.
Изначально выполнены вручную в виде эскизов. Не для какого-либо заказчика.

Спустя некоторое время — отрисованы мною в CorelDraw и могут быть использованы в подходящем по тематике и стилю проекте.

Компания Armacon является российским разработчиком и производителем оружейного тюнинга.

В данном проекте я выступал и как менеджер проекта и как дизайнер. Мною было разработано и подготовлено техническое задание, создан прототип, разработаны и согласованы дизайн-макеты. Под моим управлением была выполнена html-вёрстка и подключение сайта. Мною были подготовлены учебные материалы для Заказчика как управлять своим новым интернет магазином и оказана помощь в его первичном наполнении контентом.

Дизайн и прототипирование выполнено в Figma, сборка на MODX Revo.

Промо лэндинг для нашего турклуба, посвящённый походу на Алтай с восхождением на гору Белуха.
Для этого лэндинга по ранее сделанным мною фотографиям Аккемского озера была создана векторная иллюстрация. В этом же стиле были созданы иконки меню и разделов, иконки социальных сетей, а так же нарисован наш талисман - вязаный Кот Франк.
Ранее мною был создан логотип мероприятия.
Прототип и дизайн лэндинга выполнены в Figma, собран на Zero-блоках Tilda. Векторные элементы, отрисованны в Corel Draw.

Иногда так идёшь по улице или заходишь в помещение, или оказываешься где-то в лесу или даже высоко в горах, в труднодоступном месте, проходишь по промзоне или через старые дворы и вдруг натыкаешься взглядом 
на необычный предмет. Или даже — на вполне обычный предмет, 
на который никто не обратит внимание, но в нём оказывается что-то притягательное: форма, фактура, цвет, функция или сочетание всего вместе. И он словно говорит: “Я хочу на постер!”.

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