Ни слоя больше 🍰 – Telegram
Ни слоя больше 🍰
146 subscribers
35 photos
5 videos
9 links
⌨️ Записки дизайнера: идеи, кейсы, практика

👩🏼‍💻 айтишная жизнь в агентстве
📎 композиция наше всё
🔳 дифирамбы Малевичу
Download Telegram
Продолжая тему прошлого поста: заказчик тоже выбрал светлый вариант, как и большинство в опросе.

У проекта было несколько целей:

🤑 •Привлечение партнёров для контрактного производства

🛁 •Эффектно презентовать продукты компании

🥰 • Сделать сайт привлекательным визуально и удобным для использования

У нас всё получилось

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

Мы работали с брендом MiPASSiON с самого начала (разрабатывали лого и фирменный стиль, первые макеты этикеток) и теперь очень приятно видеть, как они выросли и продолжают развивать бренд. Их крем для рук Karma в моем персональном рейтинге на первом месте - всегда в моем сердце и сумке 😊
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍62🥰2👏1
💻Пятничный кейс, на этот раз, полиграфия: буклеты и каталог для Волгоградского завода цветных металлов.

Всего разработали 3 версии: русскую, китайскую и английскую.

Это необычный опыт, я первый раз сталкивалась с иероглифами и вначале немного опасалась. Но, как оказалось, композиция и в Китае композиция, и под нее можно подстроить форму из любых знаков.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥93
Как сделать кликабельным номер телефона в pdf? 📞

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

Чтобы позвонить сразу из кпшки:

1⃣ Выделить текст с номером

2⃣ Добавить ссылку к тексту
в Figma на mac: ⌃ + ⌘ + U, windows: Ctrl + Alt + U
в PowerPoint или Keynote на mac: ⌘ + K, windows: Ctrl + K

3⃣Вставить номер без пробелов и скобок по образцу:
tel:+7ХХХХХХХХХХ

При экспорте в PDF убедись, что в настройках выбрано, чтобы ссылки остались активными
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍3👏1
Эффект уставшей секретарши

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

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

— Хотела узнать стоимость и подробнее о том, что входит в услугу. Презентация общая или персонализированная?

— 15000₽. Презентация персонализированная.

— Какие в ней будут разделы? Входит ли в стоимость консультация, что нужно от меня для разбора?

— Вот, что входит в разбор: (скрин с пунктами, без ответа про консультацию) Для разбора нужны ваши параметры: рост обязательно. Обязательно фото, где хорошо видно фигуру, пропорции рук/ног/плеч. Два селфи — с распущенными и собранными волосами, всего 5 образов на фото. Время бронирую по 100% предоплате, могу записать на 19-е.

Начала уточнять — что будет 19-го? Консультация? Готовая работа?

— В разбор входят ответы на вопросы по презентации».

— Их можно будет задать в чате?

Ну естественно, в чате.


Попыталась выяснить, так сколько фото в итоге нужно: только 5 всего и 2 селфи — и всё? Оказалось, нет, больше. Так, в нескольких сообщениях, периодически игнорируя вопросы (приходилось повторять), она-таки ответила. Выдавала слово по рублю, без спешки и «наотмотайся».

Замучившись от этого диалога, я обратилась с просьбой:

— Можете одним сообщением собрать инструкцию по тому, какие именно фото нужны и общее число по каждой группе, чтобы не искать по всему чату?

— Инструкцию я пришлю после оплаты, там ничего сложного.

— Вы можете прислать всю информацию с инструкцией одним сообщением сразу?

— Нет.


Так и поговорили, после чего я сама решила протипировать ассистента, но не по системе Кибби.

А если серьёзно, то подобные ситуации не редкость. Компания вкладывается в рекламу, визуал, позиционирование, а человек на передовой обнуляет всё ужасными навыками клиентской коммуникации.

Что с этим делать и при чём тут дизайн

Можно просто собрать всё в одно нормальное сообщение:
Что входит в услугу, что требуется от клиента, сроки, цена.

А если для пояснения нужны иллюстрации, идеально сделать гайд в PDF, с нужной информацией и приглашением купить услугу. Работаете в запретграмме, ведёте канал в ТГ? Можно эстетично оформить под маленький экран для удобного чтения.

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

Поделитесь историями — был ли у вас опыт провальных продаж?
😁9👍7👏3
Нашла у себя в макетах пример в тему к предыдущему посту. Макет в pdf можно посмотреть тут
🔥61👌1
Пришло время пятничного кейса ☺️

Сегодня это необычный проект, который мы создавали для бренда MiPASSiON - упаковка для бомбочек для ванны.

Найти классный сувенир, который действительно хочется утащить с собой из путешествия, трудно. Я везу отовсюду еду, так как она не ляжет мертвым грузом у меня или у кого-то дома, подарит эмоцию и освежит воспоминания. Тула в этом смысле удобный город - здесь можно взять пастилу, пряники, а теперь ещё и оригинальную вафлю (в которой 0 калорий) местного производства.

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

Люблю этот проект, для меня он о том, что современная подача не противоречит культуре и настроению и старого города)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥113👍1
Логотипы-долгожители

Тренды в дизайне меняются каждые 3–5 лет, и бывает, что логотип стареет быстрее, чем сам продукт, для которого его создали.

Чтобы айдентика была инвестицией на долгий срок, лучше не привязывать знак к буквальной форме товара/услуги. Например, если вы делаете мебель и просите нарисовать стул, важно иметь в виду, что через несколько лет его форма рискует потерять актуальность. Сейчас, допустим, рисуют знаки с тонкими линиями, а потом вдруг вернутся эмблемы, или все уйдут по плоским флэт-формам. Трендовые лого быстро надоедают и слишком очевидно отсылают к конкретному периоду времени. Если бизнес не рассчитан на короткий срок, лучше не ориентироваться на главную страницу выдачи в Pinterest.

Что работает надолго:

🤔 Абстрактные и нейтральные формы, которые дают пространство для интерпретации

🔤 Минималистичная типографика, без экспрессивных шрифтов

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

🤌Умеренность в сложности: чем декоративнее знак, тем быстрее от него устают

Представьте свой лого в разных эпохах: перенесите его в 2007-й, как бы он сработал? Как смотрится на фоне конкурентов сегодня? Подумайте про 2030-й, создаст ли он там ретро-эффект? Если после такого «Назад в будущее» вас и вашего дизайнера ничего не смущает, скорее всего, у вас хорошая айдентика.
Please open Telegram to view this post
VIEW IN TELEGRAM
7👏1
Концепт ребрендинга для «Хозсферы»

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

Я видела ключевую задачу редизайна в создании универсального образа, отражает широту и ценности бренда.

Подход и реализация:

💯Абстрактная форма вместо предметного символа

Позволяет логотипу работать одинаково корректно и для бытовой химии, и для свечей, и для напитков.
Объёмная форма даёт ощущение присутствия, технологичности и масштаба, положительно перекликается с темой производства.

🪩 Сохранена связь с названием «Хозсфера»

Использовала пластичную и объёмную форму, напоминающую «сферу» — как метафору:
‣ присутствия компании в разных сферах жизни
‣ широкого охвата ассортимента
‣ непрерывности производства
‣ стабильности бренда

🌳 Цветовая палитра — комфорт, экологичность, доверие

Компания связана с товарами для дома и быта, а значит, важны эмоции спокойствия, чистоты, безопасности.

На нашем рынке множество локальных производителей, которые делают отличные продукты и продолжают расти. Редизайн может стать отправной точкой переход на новый уровень, а может помочь завоевать больше клиентов, вызывая доверие и отклик ☺️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥3
Media is too big
VIEW IN TELEGRAM
КП в figma: почему мы отказались от PowerPoint и не пожалели об этом

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

В компании с количеством сотрудников 50+ контролировать этот процесс нереально, а сажать дизайнеров рисовать каждое КП не рационально. Мы начали искать системное решение 🤔

И пришли к формату Figma Slides. Сделали несколько шаблонов: под каждый отдел и под разные сценарии подготовки КП. Заранее учли все типовые блоки, которые обычно нужны для подготовки индивидуального предложения, и собрали их так, чтобы достаточно было вставить текст и заменить картинки.

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

Плюсы новой системы с figma:

Единый визуальный стандарт.
Все КП теперь в одном стиле, без «самодеятельности» сотрудников. Есть общая палитра цветов, шрифтовая система и расположение элементов. Все это сразу сообщает лиду, что этот аккуратный понятный документ сделан профессионалами. И сразу понятно, что это Onpeak

Быстрая сборка КП.
Если в PowerPoint человек каждый раз вручную подгонял размеры блоков, отступы и расположение текста, то в Figma всё собирается автоматически внутри заранее заданной структуры. Это снимает лишнюю ручную работу и уменьшает количество ошибок. Больше нет слетевших расстояний, шрифтов разного размера, и прочего безобразия.

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

Совместная работа в одном пространстве
Дизайнеры, руководители и менеджеры видят одни и те же файлы и работают синхронно. Кейсы, тарифы, визуальные элементы под любой запрос сохранены заранее в исходном шаблоне.

Контроль и структура
Нет необходимости разыскивать, какой из десяти файлов актуальный.

Удобная демонстрация клиенту.
КП доступно по ссылке, не нужно пересылать тяжелые файлы. Это удобно, если есть анимация и гифки (в отличие от PDF)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍1
This media is not supported in your browser
VIEW IN TELEGRAM
U.S.B.C Group — платформа для косметологов и дистрибьюторов 💉

Веб-кейс для проекта, объединяющего на одной площадке специалистов, клиники, производителей и дистрибьюторов косметологической продукции:

спроектировала удобный интерфейс под широкий ассортимент товаров

создала универсальную карточку продукта

спроектировала многоэтапную регистрацию с подтверждением квалификации

а ещё личный кабинет, каталог, фильтры, корзину, адаптивы и собрала всё в UI-kit

Хотелось сделать дизайн лёгким, «журнальным» по настроению — чистые композиции, много воздуха, акцент на продукцию. Платформа получилась функциональной, гибкой и готовой к дальнейшему развитию.

Айдентика тоже моя, но об этом уже в следующей серии ☺️

🔗 Смотреть кейс
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3
«Тут же всё и так понятно»: 5 вещей, которые нужно обсудить с дизайнером 💬

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

🚩 Это красный флаг, но для клиента может показаться наоборот, что так экономят его время, а в ТЗ «и так всё понятно».

Это великое заблуждение. На практике в ТЗ почти всегда есть то, что не нужно, и нет того, что действительно пригодится.😳

🧾Составила небольшой чек-лист, что точно должен понять дизайнер, который приступает к работе:

1️⃣Цель проекта
И какие решения дизайнер планирует для её реализации. В идеале — попросить примеры релевантных кейсов.

2️⃣Как делать не надо
Важно обсудить и согласовать антипримеры: какие цвета и стиль не подойдут (может, вы терпеть не можете табличный дизайн из pinterest или фукаете на шрифты с засечками)

3️⃣ Размер и сколько макетов нужно в итоге
В понятных всем участникам единицах измерения — мл, px, неважно. Главное, чтобы это было ясно сформулировано, а не звучало как «нужен стиль для ВК».

4️⃣ В каком формате нужен макет
Если вы хотите редактируемую презентацию в PowerPoint, важно сказать об этом до того, как вы получите её в PDF с исходником в Illustrator. Или нужен файл для печати по требованиям типографии. А может хотите передать материалы штатному дизайнеру, который (ну мало ли) работает только в CorelDRAW. Примеров масса, это всегда нужно уточнять.

5️⃣ Сроки, стоимость, и количество правок
Люди делятся на 2 группы: первая не понимает, как это можно не обсудить, а вторая убеждена, что всё и так понятно. Но для одного участника очевидно, что макет будет завтра, а для другого – когда придёт вдохновение. Или когда скинут полную оплату. Один решит, что правки вносятся до победного, другой, что их вообще нет. Я понимаю, насколько банально это звучит, но это всё ещё распространенная проблема, особенно, если люди уже сотрудничали раньше и как будто все уже решили.

В любом случае, стартуя проект, лучше обсудите детали и убедитесь, что вас точно правильно поняли: эти сэкономленные несколько минут не стоят возможной потери времени и денег ☝️
Please open Telegram to view this post
VIEW IN TELEGRAM
210👏1
Так может выглядеть лого на скорую руку и лендинг на Tilda для свадебного агентства 💍

Иконки тоже отрисованы специально под проект ✍️

Перед созданием макета я пересмотрела уйму сайтов на схожую тему. Каждый раз удивлялась, почему на визуале в этой сфере так экономят? Унылые шаблоны, слетевшая верстка, многобукв и никакого ощущения праздника. Тут был запрос размахнуться и сотворить нежную нежнятину, чтобы лицу, принимающему решение, невесте попало в самое сердце. Думаю, получилось минималистично и мило, как и заказывали 😘
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
47🔥3👍2
Media is too big
VIEW IN TELEGRAM
Пятничный кейс: карьерный лендинг для Onpeak

Сверстан на платформе Tilda.

В дизайне хотелось не просто рассказать о вакансиях, но и передать атмосферу и подход компании к сотрудникам. Думаю, получилось легко и информативно, пощёлкать и узнать подробнее можно здесь
6👍3🆒2