Где напитаться необычными референсами

У меня есть огромный список ссылок с референсами, который я просматриваю регулярно — в него входят и популярные ресурсы (awwwards, dprofile, madeontilda и вот это вот всё), и не такие известные, но наполненные хорошим дизайном.

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

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

https://andwalsh.com/ — портфолио креативного агентства Джессики Уолш, специализирующееся на брендинге. Раньше много слышала о Джессике, а недавно наконец дошла до знакомства с её проектами: много ярких и смелых решений, крутой работы с акцидентной типографикой;

https://locomotive.ca/en — проекты канадского диджитал-агентства Locomotive. В них чаще всего нет вычурной графики, большого количества цветов (порой достаточно чёрного и белого), но из-за типографики, композиции, анимации и контента, их работы смотрятся необычно и стильно;

https://www.pentagram.com/ — портфолио легендарной дизайн-студии Pentagram: от графики до веб-сайтов. Это «громкий» дизайн от дизайнеров с «громкими» именами (например, Пола Шер и Майкл Бейрут). Некоторые их проекты более строгие и функциональные, но обычно в каждом из них используются интересные визуальные приёмы;

https://theessential.design/ — галерея лучших проектов от дизайн-агентств по всему миру. В основном здесь публикуют минималистичные работы, часто построенные на типографике. Можно глянуть список с ссылками на сайты топовых агентств и отдельно посмотреть портфолио каждого;

https://www.fuse.kiwi/ — Fuse собирает креативные работы в разных отраслях по всему интернету. На мой взгляд, это коллекция самых нетипичных дизайнерских решений из всего этого списка

Чего точно не нужно делать на тестовом задании в агентство

Рисовать не по ТЗ.

Некоторые видят чётко обозначенное тестовое — например, структуру сайта или страницы, и думают, как бы сделать её еще круче. Включается принцип «Делай больше, чем от тебя требуется» — хочется впечатлить работодателя, подумать, что «у конкурентов вот так, а вот это пользователям важно, нужно добавить ещё вот этот блок, вот эту фичу, дорисовать ещё вот этот экран». Либо наоборот, избавляются от каких-то блоков, потому что решили, что это не нужно/некрасиво/неюзабельно

Умение анализировать — это круто, как и скилл видеть, что и где можно доработать, чтобы это принесло пользу бизнесу. Но в компаниях обычно есть услуга разработки ТЗ, либо ТЗ может быть вообще предоставлено клиентом (а у клиента может быть команда маркетологов и аналитиков, которые не просто так составили это задание). Именно по этому ТЗ рассчитывается стоимость проекта в часах, по фиксированной стоимости — смотря какой формат работы выбран

Если на реальном проекте вы сделаете дизайн не по ТЗ, то агентство может потерять деньги, а команда потратить дополнительное время. Либо вы не решите задачу клиента, потому что предложенная им структура была определена не просто так

Если задача на тестовом поставлена чётко — то покажите, что можете сделать хороший дизайн в её рамках

Что нужно делать на тестовом задании в агентство

Не стесняться задавать вопросы.

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

В 2023 мечтала попасть на Design Prosmotr и на Дизайн-выходные. На Просмотр попала, а вот на Выходных так и не отдохнула) Решила сразу проверить, объявлены ли уже даты и город на 2024 — и чудооо, что они есть, потому что никто их особо громко не освещает

Короче, сразу зарегалась — пока нет 100% гарантии, что поеду, но шансы высоки, а такое грешно пропускать ещё и в этом году

К слову, ивент бесплатный!

Montserrat стал шрифтом 2024 года по версии Fiverr ✨ И мне чертовски смешно, потому что буквально вчера я написала два поста про него (не сказать чтобы очень позитивных по отношению к нему)

Предугадываю инфоповоды, получается

https://www.fiverr.com/logo-maker/font-of-the-year-2024

Поговорим про Montserrat?

Этот шрифт возглавляет мой топ самых часто встречающихся шрифтов. Вижу его везде — на сайтах клиентов, конкурентов, в меню ресторанов и случайно открытых сайтах. Обычно я нервно вздыхаю со словами «Опять Montserrat», потому что терпеть не могу этот шрифт, но это всё субъективщина. Давайте объективно

Что можно сказать про Montserrat

🔹 Он — не нейтральный. Это геометрический гротеск с относительно неформальным характером

🔹 Обладает расширенными пропорциями, поэтому занимает больше места на экране и смотрится крупнее

🔹 Очень светлый в начертании Regular. Его гораздо труднее прочитать, чем какой-нибудь Inter в том же самом начертании

🔹 «Заюзанный», всеми использованный и переиспользованный

Когда уместно использовать Montserrat

🔹 В заголовках и акциденции. У него есть характер, поэтому он привлекает внимание. Он широкий — быстро и легко считается, если мы наберём им короткое слово и выражение, выделим размером, цветом и т. д.

Когда может быть неуместно использовать Montserrat

🔹 Когда вы работаете с наборным текстом, который нужно прочитать. Особенно с длинным. Наборный шрифт должен быть нейтральным, «никаким», и достаточно контрастным по сравнению с фоном, чтобы легко и быстро считываться. У Montserrat'a более выраженный характер, поэтому он не подходит для набора на стандартных проектах. А начертание Regular может оказаться слишком тонким для читабельного текста.

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

🔹 Когда вы хотите сделать дизайн, «не как у всех», отстроиться от конкурентов, сделать выразительную типографику. Это сложно сделать с Montserrat'ом, когда он используется на каждом втором сайте

Можно ли на всё это забить

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

Что важно помнить

Цитату Александры Корольковой. «Чем хуже шрифт, тем больше придётся приложить усилий, чтобы его обыграть»

«Есть идея — реализуй сразу же». Эти слова я сказала самой себе в начале года.

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

Впервые в жизни купила консультацию, так что имела мало представления о том, в каком формате проводятся такие менторские сессии. Но всё прошло легко, душевно, а главное — полезно. Женя в жизни оказался таким же, каким транслирует себя в своём телеграме, ответил мне на те вопросы, что больше всего волновали. Сегодня на один вопрос отвечу я:

Что бы я сказала себе сегодня?

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

«Не недооценивай свои сильные стороны»
Поняла, что мой скиллсет куда шире, чем я думаю (синдром самозванца, узнали?) Но услышать объективное мнение от другого специалиста помогает более трезво взглянуть на вещи.

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

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

Аудит сайта как инструмент продаж, повышения лояльности клиента и даже ваших хард-скиллов

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

Зачем вам это

• Сделать бесплатный аудит сайта на этапе до продажи — простой и быстрый способ для клиента соприкоснуться с вами. А в маркетинге чем больше точек касания с вашим продуктом/услугой, тем лучше
• Клиент может на деле, а не только на словах, убедиться в вашей экспертности, когда увидит, что вы понимаете, какие проблемы есть сейчас, и как их можно решить
• Для дизайнера это дополнительная возможность проанализировать сайт, разобрать его «на атомы» и научиться видеть больше деталей. Кстати, это качает ещё и ваш скилл давать обратную связь другим дизайнерам, потому что вы уже понимаете, на что обратить внимание при разборе работ

Как провести хороший аудит

Думаю как-нибудь составить отдельный список критериев, по которым лучше оценивать сайт, возможно, даже начать делать аудиты в формате презентаций. В общем, тут есть, куда копать и что потестировать, но расскажу, по каким принципам пишу аудиты сейчас

• Сначала обращайте внимание на скорость сайта, и можете ли вы, как дизайнер, на неё повлиять (либо же вы работаете в команде, и её оптимизировать можно с помощью разработчиков). Если сайт грузится вечность, а у клиента нет продаж или заявок — то обычно в этом и заключается основная проблема. Можно оценить скорость сайта (и что на неё влияет) с помощью сервиса от Google: https://pagespeed.web.dev/

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

• Анализируйте не только сам сайт, но и сайты конкурентов — некоторые решения можно оценить только в сравнении и с более глубоким погружением в бизнес клиента. Например, предложить решения, чтобы отстроиться от конкурентов, или добавить что-то, что уже имеется у конкурентов и потенциально важно для ваших пользователей. Глубина анализа здесь зависит от того времени, которое вы можете потратить на аудит. Если это крупный клиент или очень интересный проект, то можно копнуть глубже)

• Структурируйте свои аудиты, чтобы их было удобно читать и открывать. Обычно я использую Google Documents — ссылку всегда проще открыть, чем файл (не нужно ничего скачивать). А еще можно настроить навигацию по разделам. Но альтернативой может быть и какой-нибудь Notion. Делите текст на абзацы и подпункты, смысловые части — всегда думайте о том, как упростить жизнь клиенту, который будет всё это читать

Мастхэв для дизайнера (а еще редактора, копирайтера и любого, кто работает с текстом) — типографская раскладка Ильи Бирмана

Устанавливается и скачивается просто и быстро: https://ilyabirman.ru/typography-layout/

Дизайнеру почти всегда нужны кавычки-ёлочки, длинные тире, какие-то спецсимволы по типу знака копирайта. На Винде горячие клавиши для типографских символов супер-долго вводить. Alt + 0151 — длинное тире, и это только один код. На Mac'OS точно не знаю, но вроде бы, с зажатым альтом тоже можно использовать спецсимволы, правда клавиши расположены не особо удобно. Если установите раскладку, то вам нужно зажать две клавиши, чтобы ввести тире или знак рубля (а еще их легче запомнить)

Что здесь есть: длинное тире и минус (— и −), кавычки-ёлочки («»), знаки копирайта и торговой марки (© и ™), валютные знаки (₽, £, €), неразрывный пробел, знак градуса (°) и ещё очень-очень много всего, что вы сможете быстро ввести с клавиатуры. Даже буквы из церковнославянского языка

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

Правила хорошего тона в Фигме

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

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

Я обычно пишу описание в свободном формате, но вывожу ту информацию, которая может быть важна для разработчиков, менеджеров и дизайнеров в моей команде. Например, что мы вообще делаем — сайт-каталог или интернет-магазин; какой функционал должен быть реализован; какую задачу должен решать сайт. Если есть полезные ссылки, то их тоже стоит закрепить для быстрого доступа: ссылку на ТЗ, на материалы для разработчика, на бриф или что-то еще

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

В январе вписалась в новую движуху: отбор на бесплатный курс по продуктовому дизайну от Тинькофф

Я весьма далека от продуктового дизайна, но периодически изучаю что-то по этой теме (кстати, очень советую лекции по дизайну от IT's Tinkoff — много ценной инфы). Углубиться во все метрики и процессы на курсе было бы очень интересно, хотя чую, отбор будет жёстким. Само тестирование обещают не особо объёмное: нужно выполнить небольшое по времени творческое задание и отправить свою анкету, но всё же любопытно, выйдет ли что-то из этого

Так что с 1 февраля готовлюсь испытать себя — если есть классная возможность получить новые знания, грешно таким не воспользоваться)