Portfolio Klim Falkenberg

KLIM
FALKENBERG

01

designer
developer

Falkenberg
Klim

Дизайнер, программист, маркетолог. Делаю
сайты качественно и быстро.

02

Sketch, Figma
Principle
Photoshop
Illustrator
Spark AR
Fontlab
Framer X

Прототипирование

Фотографика Типографика

Брендинг Полиграф

Верстка UI / UX

Нейминг Анимация

Пром-дизайн Визуализация

03 Иллюстрирование

%! " #$$#%

#$%#$# ! Достижения " #$#
#$#$# %за весь мой опыт работы
" программистом, дизайнером и !
маркетологом

"
Более 30 реализованных проектов разной
сложности

%
Более 6 лет опыта работы в сфере

#$#$#разработки, дизайна и маркетинга
Более 400 тысяч пользователей моего
сервиса
!
Мой первый миллион чистой прибыли со
стартапа

04



Huse — система умного дома

Huse lock — дочерний продукт компании с многолетним
опытом на Российском рынке в разработке замков с
инфракрасными ключами. Технология, разработанная еще в
советские времена, не раз доказала свою надежность в
вопросах охраны и безопасности жилья. Однако внедрение
проверенной системы на современный рынок требовало
крупного редизайна. Таким образом, для компании были
разработаны такие пункты, как нейминг, логотип, дизайн-
система, брендбук, дизайн внешней части замка, интерфейс
самого замка и приложения-компаньона. В качестве
дополнительных продуктов представлены рекламные
материалы и промостраница продукта.

Пром дизайн Логотип Брендбук
Интерфейс Нейминг Лендинг

06

Логотип и айдентика

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

07

Логотип

Основополагающими в концепции данного продукта
выступили, казалось бы, два простых элемента – треугольник
и шрифт без засечек. Минимализм в смешении с правильно
сформированной композицией рождает стилистически
верное решение. Небольшая геометрическая фигура в цвете,
находящаяся асимметрично центру, выравнивает вектор
движения самого логотипа. Помимо прочего, наглядно
показывая взаимодействие смысловых пластов, треугольник
выступает в роли контрапункта. Он олицетворяет часть
системы с полным взаимодействием всех составных.
Наглядное сочетание дизайна логотипа со смысловым
посылом названия. "Huse" – дом, уверенность, сдержанность,
массивность. В итоге правильно сбалансированный логотип с
уместными метафорами с легкостью масштабируется в
полноценную дизайн-систему. Визуальное и техническое
исполнение отражает философию продукта и постоянно
развивается.

08

Следующим немаловажным этапом в оформлении логотипа
служит уверенно сформированная пластика начертания
подписи. В ее концепте лежит утолщенное, но не слишком
шрифтовое начертание без засечек, специально
разработанное для данного продукта. Композиция букв
сбалансирована и легко читается как при малом размере
логотипа, так и при увеличенном. Форма букв максимально
приближена к геометрическим основам, но в то же время
оптически скомпенсирована для лучшей читаемости.
Отдельно стоит отметить плотность и утолщенное
начертание подписи, подчеркивающие массивность самого
слова "Huse". В качестве оптимального решения была
найдена подходящая грань, с помощью которой логотип
приобрел чрезмерную массивность и неестественность.

09

                 В основу концепции знака ложится правильная
фигура - равносторонний треугольник. В данном
случае особое внимание стоит уделить балансу

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

10

Палитра

Выбор синего оттенка - оптимальный вариант при работе с
продуктом, так как по статистике человеческий мозг
позитивно реагирует на данную палитру. Цветовое
сочетание символизирует надежность, мир, уверенность в
себе, но немаловажно сохранить баланс относительно
других элементов. Говоря о значении для потребителя,
синий в современном обществе - знак технологичности и
развития. Большинство it-компаний выбрали именно его в
качестве фундаментального цвета.

Background Secondary Accent Main

#FFFFFF #ECF3FA #007AFF #000000

Background Secondary Accent Main

#FFFFFF #ECF3FA #007AFF #000000

11

Дизайн-система

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

12

13

в качестве примера брендинга продукции использован пром дизайн умной камеры и лампочки от xiaomi и yeelight

14

Продукты линейки умного дома стоят на стыке категорий
«гаджеты» и «интерьерные объекты». Работая над данным
проектом, мы помнили, что даже находясь внутри квартиры,
замок неотделим от окружающей среды. В происке решения
внешнего вида, анализу подвергались не только тренды в
мире потребительской электроники, но и модные течения в
области жилых интерьеров. Форма и базовые оттенки
корпуса IR Lock гарантированно вписываются в любой
минималистичный, скандинавский, футуристичный интерьер
или в урбанистичный лофт. В дополнение мы стремились
сохранить связь с привычными и родными предметами
домашнего быта, сподвигая пользователя полюбить наш
продукт.

15

16

app

Для настройки замка и
просмотра истории
событий



Интерфейс замка





шрифт
18

Разработка шрифта MOTH
ECOLO
Шрифт с ясными формами и MONO
основательной поступью, Арт-Деко ONLY
PORT
В шрифте реализовано VIRGI
около 500 кернинговых
пар для наилучшей
плотности набора

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

19

HER
OGY
OLOG
Y YOU
TFOLIO
IN OIL

20



Студия «dap»

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

В рамках работы со студией был разработан логотип с
брендбуком, сайт и визитки для сотрудников.

Логотип Полиграфия Айдентика

Блог Лендинг Брендбук

22

Лендинг для студии «dap»

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

23

Визуализация проектов студии

Форум
эндаумент-фондов

Набор иконок

24

Логотип и айдентика для «dap»

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

25

Логотип

Смысл

В основу логотипа данного проекта легла идея блоков
из тетриса. Таким образом dap занимается «сборкой»
нестандартных решений, правильно составляя части в
целое за определенный промежуток времени.
Многозадачность - одно из важных преимуществ
компании. Яркие и сочные цвета привлекают внимание
пользователя, а динамичная айдентика в свою очередь
выделяет dap среди прочих компаний. Узнаваемость -
второе важное преимущество. Смена фона логотипа
указывается на использование всех возможных методов
решения единственной задачи. Индивидуальный подход
к каждрму клиенту - третье и не последнее
преимущество компании.

26

Правила

Основная чать логотипа - надпись, на фоне так же может быть
комбинация из фигур

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

зона вокруг лого равна ребру сетки

27

Композиция

Необходимо подобрать правильные пары цветов из палитры, а
композиция блоков должна соответствовать форме надписи

Rose Aqua Purple Gold Blue Peach

Примеры правильно подобранных блоков

28

Палитра

Палитра состоит из 6 градиентов, гармонично сочетающихся
друг с другом. Контраст относительно черного фона усиливает

первоначальные цвета

Rose Aqua Peach
R##7EoB66s3C8e5AC7 #A#33q819Du45aD9A9 #P#FDe35aA484c54h24

Gold Purple Blue
G##DDoC7C6ldD630A2
#C35ABC #4FC8C5
#4C4ABC #4846ED

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

серого

DeepBlack Gray White

29

Шрифты

В визуальной коммуникации бренда используется шрифт Futura.
Острые обрубленные формы отлично сочетаются со
скруглениями блоков

AAaa Futura Demi
Используется для заголовков,
рекламных материалов, промо
и медийных носителей внутри
интерфейсов группы продуктов

Futura Book AAaa

Используется в интерфейсных
элементах, подписях и подаче
данных, рекомендован для
мелких кеглей

Типографика

В работе с микро-типографикой нужно придерживаться чётных
размерностей в значениях высот строк и размеров кеглей. Также
мы рекомендуем прибавлять по 0.2 к стандартной высоте строки

в случае, если текст форматируется более чем на 2 строки

30

Иконки

Цвета иконок основаны на фирменных градиентах, поэтому они
отлично смотрятся как на черном, так и белом фоне

Иконка должна быть вписана в квадрат и быть оптически
отцентрованной. За пределы красной зоны (1/8 ребра) могут

выходить отдельные части, необходимые для оптической
компенсации, сама иконка должна быть сравнима с объемом

внутреннего квадрата

31

Паттерн

Фирменный паттерн состоит из тетрисных блоков и повторяется,
существует как в цветном, так и темном вариантах

32



Приложение itHappened помогает

1. Отслеживать любые события из жизни

2. Оценивать, измерять их в указанных пользователем
единицах и комментировать события

3. Просматривать и фильтровать историю событий по дате,
оценке и выбранной мере

4. Смотреть интересную и релевантную статистику по
Вашим отслеживаниям с графиками и диаграммами

5. Синхронизировать историю на разных устройствах

Логотип UI/UX Мобильное приложение

34

Приложение itHappened

Функциональное приложение, которое позволяет
отслеживать любые события в вашей жизни.

35

Отслеживайте

Отслеживайте ваши занятия спортом, встречи с друзьями,
траты, поездки, болезни, съеденные пончики - что бы это ни
было, это останется в вашей истории и в вашем полном
распоряжении даже вне сети. itHappened доступен оффлайн,
абсолютно бесплатно и без рекламы.

36



GalaQuest — квесты в реальности

«ГАЛАКВЕСТ» – демократичные квесты, перенесенные в
реальность: в ходе игры участникам не нужно
демонстрировать свои физические навыки и обладать
определенной подготовкой, здесь потребуется умение
работать в команде и капелька смекалки. Никаких
ограничений по возрасту и стилю одежды: игра во власти
Вашей фантазии. За отведенное время решить все загадки
квеста, выбраться из помещения и выполнить основную
задачу, которую Вам установит наш оператор прямо перед
началом - игра начинается. И помните, мы стремимся к тому,
чтобы все команды доходили до конца и не было горького
чувства разочарования от проигрыша. В этом наш главный
козырь.

Логотип Брендбук Айдентика

38

Логотип и айдентика GalaQuest

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

39

Знак и подпись

Знак Подпись

Охранная зона

XX
X
X

40

Глубокий смысл

Буква «G» Буква «Q» Лупа Лабиринт

41

Палитра

Используется два вида палитр:
ориентированная на темные участки, другая

же подходит для светлых.

Background Accent Main

#600091 #270075 #FABE02 #FFFFFF

Светлая палитра

Background Accent Main

#FFFFFF #9E00E7 #35353B

42

Вариации логотипа

Паттерн

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

44

Шрифты

В визуальной коммуникации бренда
используется шрифт Avenir Next.

AAaa Avenir Next
Demi Bold

Применим для заголовков, рекламных
материалов, промо и медийных носителей, в
интерфейсах, на сайтах и лендингах

AAaa Avenir Next
Medium

Распространен в интерфейсных элементах,
подписях и подаче данных, рекомендован для
мелких кеглей

45