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

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

Зачем вам это

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Митя Осадчук (дизайн-директор Иви, если что) как-то выдал подобную фразу «Дизайнер — это не та профессия, в которой ты перестаешь быть дизайнером после 19:00, когда идешь домой с работы». И к сожалению, и к счастью, это так и есть)

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

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

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

Так что ставлю внутренний таймер 3 дня ровно с момента отправки этого поста и иду пробовать такой непривычный для себя формат отдыха)

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

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

Впервые воспользовалась этой штукой, когда только пришла в Asmart, и мне это жёстко упростило жизнь) Очень советую, если у вас ещё не установлено ничего подобного (даже если вы вообще не дизайнер)

Пока ещё не кончилась зима, а у меня как раз осталось заготовленное видео с лёгким рождественским вайбом, расскажу немного о том, чем интересуюсь за рамками UX/UI, айти и прочего

Дизайном (забавно, но правда)

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

Конечно, я не проектирую ничего в AutoCAD'е, 3ds Max (хотя может, однажды дойду и до этого чисто из любопытства), но часто залипаю на видео про эргономику, цветовые решения в интерьере и особенности его проектирования. Интересно развивать свой эстетический вкус многогранно и вообще сравнивать, как работает дизайн в оффлайн- и онлайн-среде

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

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

Вот так вот поздравляют в новом агентстве 💜 Сегодня мне 22!

Как дизайнеру написать эффективное резюме? Часть 2

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

— Распишите свои достижения на рабочем месте
Хоть структура резюме с hh и предполагает писать про «ключевые задачи на рабочем месте», можно отбить новый абзац после списка задач и рассказать о своих достижениях. Если думаете, что ничего особо не достигли, то, возможно, для вас «достижение» = награда на Awwwards. Необязательно мыслить в рамках таких масштабов — может, вы внедрили в компанию какое-то крутое нововведение, позитивно повлияли на дизайн-процессы, никогда не срывали сроки, привлекли новых клиентов или собрали от них много положительных отзывов

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

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

— В «О себе» покажите своё стремление развиваться, опишите хобби или навыки, которые помогают вам в работе
Да кто такой этот ваш «О себе»! Обычно сложнее всего заполнить этот раздел) Если вы ведёте профессиональный блог или соцсети — вы восхитительны, и это сто процентов нужно указать (по моему опыту собеседований, это действительно ценится). Участвуете в дизайнерских ивентах, посещаете лектории, менторите или являетесь спикером — не стесняйтесь писать об этом. Здесь также можно рассказать о своих soft-скиллах, своих планах на профессиональный рост и развитие, но более предметно — избегая шаблонов о «коммуникабельности» и «стрессоустойчивости». А если у вас имеются навыки, не связанные с дизайном, но помогающие вам в работе, то и это будет плюсом — хороший английский, копирайтинг, опыт в разработке или любой другой, пусть даже не связанный с IT