Ux + Фриланс

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

Поехали!

1. YouGile

Ссылка на сайт

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

Цены:

• Бесплатно для команды в десять человек и без каких-либо ограничений. Это редкость: большинство сервисов дают бесплатный доступ только для пяти пользователей, ставят лимиты. Платно — 495 ₽/мес. при оплате за год, с 11-го пользователя.

• Коробка — от 849 ₽/мес. за пользователя.

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

Плюсы:

• Простота внедрения. Я искал бесплатную систему управления задачами, которой будет удобно пользоваться сразу, без обучения. У сервиса хороший UX — не надо никаких туториалов, просто зарегался, начал создавать задачи. На всё ушел час.

• Общение вместе с планированием. Когда ставишь задачи и обговариваешь всё в одной системе — это однозначно жирный плюс. А здесь — полноценный встроенный мессенджер и своя фишка для командного обсуждения задач. О ней расскажу в киллер-фичах.

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

• Интеграции. Много разных дополнительных автоматизаций в «галерее расширений». Включаются они по желанию и не загружают базовый интерфейс. Из последних, которое мне зашли: уведомления в Telegram через бота и AI-ассистент в чатах.

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

Киллер-фичи:

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

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

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

Минусы:

• Нет глубокой аналитики. Всё же этот инструмент ближе к командному таск-трекеру, чем к полноценной CRM.

• Нет зрелого wiki-раздела. Почему за семь лет на рынке система не обзавелась базой знаний? Для меня это большая загадка.

Кому подойдёт:

• Командам и стартапам, где нужно быстро организовать работу без сложных настроек.

• Командам, работающим по Agile, или выходящим из Trello.

• IT-командам, диджитал- и маркетинговым агентствам, небольшим производствам и отделам продаж.

2. Kaiten

Ссылка на сайт

Заслуженная топ-2 программа по управлению проектами в моём списке. Дизайн подкупил — чистый, понятный, красивый.

Содержит базу знаний, где можно создавать и редактировать документы, поддерживает миграцию из Jira, Trello, Asana, ClickUp и всеми любимого Notion.

Цены:

• Есть бесплатная версия с неограниченным количеством участников, но ограниченным функционалом.

• Платный тариф начинается от 420 ₽/мес. за пользователя. Пакеты отличаются количеством модулей: в стандартном тарифе их два, а в профессиональном шесть.

• Есть коробочная версия Enterprise со всеми фичами и модулями — цену нужно узнавать у разработчика.

Плюсы:

• Гибкая работа с задачами. Позволяет создавать очень сложные рабочие пространства с несколькими досками, дорожками, настройками разных задач и отделов.

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

• Куча опций в платных тарифах. Всё и не перечислить. В основном это точечные дополнения к основным, а также такие фичи, как автоматизация процессов, диаграмма Ганта, установка ограничений для разных пользователей.

Киллер-фичи:

• Поддержка Agile. Можно работать со скрамом и канбаном: добавлять юзер-стори, вести бэклог, планировать спринты, оценивать сложность покером планирования и использовать диаграммы сгорания, чтобы отслеживать прогресс. Увы, не бесплатно.

• Широкая интеграция. Подключает Slack, Telegram и Microsoft Teams для уведомлений и создания карточек, синхронизирует задачи с Google календарём. Есть интеграции с GitHub и GitLab. Kaiten можно связывать с другими приложениями через Zapier.

Минусы:

• Ограниченная базовая версия. С одной стороны, разные модули — это круто. Но всё доступно только платно — это сильно влияет на выбор системы управления проектами. Причём в Standard можно подключить всего двух человек, а в Pro — шестерых. С другой стороны, вряд ли кто-то будет пользоваться всеми фичами.

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

Кому подойдёт:

• Компаниям, работающим с большим количеством команд и проектов одновременно.

• Разработчикам, маркетологам и руководителям, которым нужна программа по планированию портфелей проектов.

• Тем, кому важен функционал шире контроля задач. Например, корпоративная база знаний.

3. Shtab

Ссылка на сайт

Относительно свежая российская программа по планированию проектов, которая набирает популярность.

Сразу отмечу очень приятный дизайн и достойный UX: этот сервис тоже освоил почти без подсказок.

Shtab содержит, конечно, трекер задач, финансовое планирование и контроль рабочего времени. Последнее, между прочим — самая известная функция сервиса. Но обо всём по порядку.

Цены:

• Бесплатно до пяти участников, но с ограничениями по функциям и объёму хранилища.

• Цена подписки на облачный сервис зависит от тарифа (Start, Base и Pro) и начинается от 100 ₽/мес. за пользователя.

• Цена коробки рассчитывается индивидуально.

Плюсы:

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

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

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

• Широкая интеграция. Работает с Jira, Trello, Asana, Wrike. Через Zapier и Albato Shtab связывается с другими сервисами. Интегрируется с Telegram, где, помимо создания задач и уведомлений, можно отвечать на комментарии. На подписке PRO доступен API.

• Есть приложения. В App Store, Google Play и RuStore.

Киллер-фичи:

• Учёт рабочего времени. Shtab фиксирует, когда люди начали и закончили задачу, делает скриншоты экранов сотрудников и отмечает, сколько времени ушло на паузы (когда активности на экране приложения не было). Насколько это этично — решайте сами.

• Встроенный прямо в задачу редактор. Можно писать тексты, добавлять таблицы, ссылки и файлы. Для разработчиков — вставка кода с подсветкой синтаксиса основных языков. Собственно, так работало и в Notion, где каждая задача — мини-база знаний.

Минусы:

• Это не полноценная программа по планированию проектов. Хотя в Shtab есть блок учёта финансов, полноценного управления ресурсами здесь нет. Аналитика тоже простая, мало чем отличается от аналитики других инструментов подборки.

• Ограниченная кастомизация. В Shtab можно менять названия элементов, группировать пространства в папки и управлять отображением карточек. Но если нужно что-то сложнее — например, настраивать структуру досок, добавлять особые поля или создавать сложные сценарии — инструмент может показаться недостаточно гибким.

Кому подойдёт:

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

• Проектам с удалённым штатом — для дополнительного контроля за работой сотрудников.

• Креативные команды, которым нужен редактор контента внутри задач и приятный визуал.

4. Weeek

Ссылка на сайт

Система управления проектами и задачами, которая стала особенно популярной после ухода Notion. Объединяет таск-трекер, базу знаний, CRM и систему аналитики.

В целом похожа на Kaiten, но может меньше и осваивать её проще. При этом переносит данные из Jira, Trello, Asana, ClickUp и Notion.

Цены:

• Бесплатно для команд до пяти человек. Но с ограничениями по количеству досок, проектов и документов в базе знаний.

• Остальные тарифы начинаются от 199 ₽/мес. за пользователя. Причём подпиской Lite могут пользоваться только команды до десяти человек.

Плюсы:

• Удобная интеграция. Weeek отправляет уведомления в Telegram, VK и Slack. Можно прикреплять файлы, включая доски Miro и Figma. Сервис поддерживает календари Google, Яндекс и Apple. Есть открытый API, чтобы настроить платформу под свои задачи.

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

• Управление доступом. Есть удобные настройки: можно ограничить видимость задач до отдельных пользователей или дать гостевой доступ подрядчикам и клиентам.

• Приложения. Для Android, Windows, iOS и MacOS.

• Корзина. Все файлы и задачи попадают в корзину. Поэтому можно не переживать про «ой, я что-то нажал, и всё удалилось».

Киллер-фичи:

• Экспорт задач. Можно выгружать задачи в XLSX, CSV или JSON. Это полезно для анализа, отчётности, миграции и архивации данных.

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

• Шаблоны досок. Разработчики могут выбрать шаблоны канбана или скрама, а контент-команда — редакционную доску, контент-план и т. д.

Минусы:

• Неудобная работа с подзадачами. Как я уже писал, для меня это важный момент, и в Weeek я с ними намучился. Не видно, кто отвечает за подзадачу, какой у неё дедлайн. А чтобы это узнать, приходится заходить в каждую задачу отдельно. Причём подзадачи открываются в отдельном же окне. А если его закрыть, то сразу перекидывает обратно.

• Слабый UX. Здесь, конечно, минимализма нет и близко. Из-за того, что можно раскрашивать всё подряд (привет коллегам!), карточки выглядят крайне сумбурно. Выполненные задачи автоматически зачёркиваются, а просроченные — подсвечиваются, даже если дедлайн проставлен случайно. А теперь представьте, что у вас таких карточек на доске штук 40…

Кому подойдёт:

• Агентствам с разными заказчиками, компаниям с большим числом отделов.

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

• Тем, кому нужен комплексный сервис с продвинутой базой знаний.

5. Yandex Tracker

Ссылка на сайт

Облачный инструмент управления проектами и задачами для пользователей экосистемы Яндекса. Если бы у минимализма был свой сервис, это был бы Yandex Tracker.

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

Цены:

• Бесплатно для всех пользователей с аккаунтами Яндекса, для команд — до пяти человек. Без ограничений по функционалу.

• Тарифы для бизнеса начинаются от 360 ₽/мес. за человека. Цена зависит от размера команды.

Плюсы:

• Интеграция с Яндексом. Можно подключить Яндекс.Вики и создать базу знаний по проекту. А Яндекс.Формы помогут автоматизировать сбор данных — заявки или ответы сразу превращаются в задачи.

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

• Понятная автоматизация. Настройка проще, чем в сложных сервисах типа Jira: это триггеры, автодействия и макросы.

• Пакет фич для работы по Agile. В целом стандартный набор — доски со спринтами и бэклогом. Плюсы — диаграмма сгорания, которая показывает, как быстро выполняются задачи; она помогает оценить, успевает ли команда. И покер планирования для совместной оценки задач.

• Открытый API. Технические команды могут автоматизировать рутину или интегрировать трекер с другими сервисами.

• Мобильные приложения. Можно контролировать задачи с Android и iOS.

Киллер-фичи:

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

• Работа с инфраструктурой. Удобно вести задачи закупки оборудования, учёт расходов, или инвентаризацию. Например, можно настроить заявки на ремонт с конкретными сроками через SLA и контролировать их. Это фича для IT-отделов или служб, которые поддерживают работу офиса.

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

Минусы:

• Зависимость от Яндекса. Интеграции ограничены. Yandex Tracker работает с GitHub, GitLab, почтой и мессенджерами через API, но в основном ориентирован на экосистему Яндекса. А миграции с других сервисов нет.

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

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

Кому подойдёт:

• Компаниям, которые работают с другими сервисами Яндекса.

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

6. Pyrus

Ссылка на сайт

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

Pyrus — это платформа LowCode со множеством функций: от управления задачами и CRM до документооборота, аналитики и внутреннего общения. Возможности зависят от тарифа и выбранных модулей.

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

Цены:

• Бесплатно и без ограничения по количеству пользователей. Тариф содержит только опции постановки задач и общения с командой. И это как раз то, что нам нужно.

• Цена платной подписки — 415 ₽/мес. за человека. Сюда входят функции автоматизации.

• Есть коробка, стоит от 82500 ₽/мес. за компанию.

Плюсы:

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

• Чаты в задаче. В каждой карточке — встроенный чат, где можно обсуждать вопросы и прикреплять файлы. История переписки сохраняется.

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

• Есть мобильные приложения. Для iOS и Android. Можно ставить и закрывать задачи, обсуждать их в комментариях. Синхронизация с веб-версией автоматическая.

• Базовая интеграция. В бесплатном Pyrus можно подключить облачные хранилища. В платных тарифах доступны интеграции с почтой, мессенджерами, Jira, 1С, телефонией и т. д. Есть связь через Zapier и доступ к API.

Киллер-фичи:

• Опция согласования документов. Файл прикрепляется к задаче, этапы согласования видны в статусах, а вся история комментариев остаётся в карточке.

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

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

Минусы:

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

• Ограниченная интеграция. Несмотря на API, готовых интеграций меньше, чем у конкурентов. Нет удобного импорта задач Trello, Asana и других популярных инструментов.

• Зависимость от платных тарифов. Многие функции, включая автоматизацию процессов, интеграции и отчёты, доступны только за деньги.

• Устаревший дизайн. Явно уступает сервисам, которые мы разобрали выше.

Кому подойдёт:

• Небольшим компаниям, которые ищут простой инструмент без лишних сложностей в настройке.

• Проектным командам с типовыми процессами, где можно обойтись стандартными маршрутами и настройками.

7. Platrum

Ссылка на сайт

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

Цены:

• Бесплатно для одного человека, но часть функций недоступна, а некоторые с ограничением по объёму.

• Платные тарифы начинаются от 1710 ₽/мес. при оплате за полгода. В самый простой входит пять пользователей. Можно добавлять новых за 225 ₽/мес. Чем дороже подписка, тем больше функций и людей, которых можно подключить.

Плюсы:

• Канбан. Это основа работы над задачами. Пользователь может создавать ежедневные ToDo и автоматически двигать карточки оттуда.

• Удобная работа с задачами. Задачи можно разделить на мелкие шаги, добавить чек-листы и наблюдать за выполнением каждого из них.

• Управление доступом. Разделение прав до мелочей: у каждой роли свои возможности редактирования и просмотра.

Киллер-фичи:

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

• Дашборды с актуальными данными. Отчёты обновляются в реальном времени, не нужно запускать сбор данных вручную.

• Интеграция задач. Platrum объединяет задачи с инструментами обучения и контроля KPI. Это не просто таск-менеджер, а ещё и полноценная платформа управления командой.

Минусы:

• Слишком широкий функционал. Полезен скорее в масштабах всего бизнеса, когда нужен корпоративный софт.

• Слабая интеграция. Не переносит данные из других таск-трекеров. Синхронизируется только с календарём Google. Всё остальное отдаётся в руки разработчиков и API.

• Сложный продукт. Для настройки процессов часто нужна помощь техподдержки. Она может занять достаточно много времени.

Кому подойдёт:

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

• Разработчикам, проектным командам и компаниям, которые хотят по максимуму настроить систему под себя.

8. Мегаплан

Ссылка на сайт

Разработчик позиционирует продукт как CRM-систему онлайн. Но на деле CRM — один из вариантов, а с платформой можно работать и без неё.

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

Цены:

• Есть бесплатный тестовый период на две недели.

• Тариф без функции CRM только один и начинается от 331 ₽/мес. за трёх человек, от 332 ₽/мес. — за пятерых и от 454 ₽/мес., если в команде до ста человек.

• Есть Лайт-подписка до пяти человек, которая начинается от 480 ₽/мес. Самый укомплектованный тариф «CRM: Бизнес» стоит 1499 ₽/мес. за пользователя помесячно, и 1049 ₽/мес., если платить за год.

• Можно купить коробку — от 45000 ₽ на команду до десяти пользователей.

Плюсы без CRM:

• Простое управление задачами. Стандартный набор: канбан-доски помогают структурировать задачи, а диаграммы Ганта — отслеживать зависимости между ними и не терять контроль над сроками.

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

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

• Интеграции с полезными инструментами. На сайте есть раздел с доками по интеграции. Ещё есть API настройки под специфичные задачи.

Киллер-фича:

• Работа без переключений. Чаты и комментарии собраны в одном месте — в карточке задачи. Для совещаний есть видеозвонки, никаких дополнительных мессенджеров не нужно. Также есть модуль базы знаний, который подключается в отдельных тарифах.

Минусы:

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

• Не поддерживает миграцию с Trello и Jira. И с популярными сервисами вроде Slack. То есть работа сервиса больше ориентирована на CRM-нужды.

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

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

Но думаю, что инструмент будет полезен:

• Тем, кому нужно совместить управление задачами и работу с большой клиентской базой.

• IT-отделам и службам поддержки — для учёта заявок и контроля их выполнения.

• Производственным командам, чтобы управлять заказами, остатками и планировать выпуск товаров.

Как выбрать свою систему управления задачами?

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

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

Интересно, чем пользуетесь Вы?

Рассказываю как делался сайт для известного видеопродакшена и какие есть подводные камни при технической реализации сайта с огромным количеством видеоматериала.

В 2022 году ко мне обратилась команда Hoody FX для редизайна текущего сайта. На тот момент в их портфолио были работы с McDonald's, Champion, Sony, Doja Cat, Samsung, Aeroflot, Fanta, AUDI, Ariana Grande и так далее

Это был небольшой лендосик, где по большей части были одни скриншоты работ (напоминаю, компания занимается видеопродакшеном, а именно VFX). В целом, все. Также это была просто верстка, то есть невозможно было добавлять какие-то новые работы из панели администратора. Ее просто не было.

Если углубляться, и смотреть шоурилы конкурентов (например, Technicolor Group), то пользователю нативно понятно из видео, что такое VFX и как это работает по пальцам. У нас же нет этого объяснения по пальцам, – вместо этого видео с конечным результатом
В целом, это вся старая версия сайта, больше там ничего не было. Ни контактов, ни команды, ни описания направлений студии и других вещей, которые бы базово проинформировали пользователя о компании.

Личный бренд у компании сложился задолго до создания сайта, их работы гремели и без него.
Поэтому основная задача состояла в том, чтобы освежить дизайн, сделать удобный и понятный интерфейс, а также создать возможность добавлять работы в портфолио самостоятельно без привлечения программистов и иных сторонних специалистов. Самое главное – это кейсы, они должны быть рассортированы, и с 1 секунды цеплять взгляд пользователя.

Начинаем работу.

Что было сделано по пунктам:

1. Изучили деятельность компании (саму нишу), исследовали ЦА (в нашем случае это другие видеопродакшены, студии смежных направлений, которые буду заинтересованы в подряде) и конкурентов.

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

3. Приступили к написанию текстов. С учетом специфики ниши придерживались информационного стиля текста – главное, на что будет смотреть потребитель это визуал. Поэтому огромные полотна текста точно не в этот раз. Должно быть кратко, емко и по делу.

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

5. Заранее для верстки подготовили все необходимые нарезки из видео и шоурилы. Основная цель этого пункта – отразить портфолио через небольшую демонстрацию видео. Мы отошли от идеи со скриншотами из видео.

6. Сделали адаптивную верстку на WordPress с гибкой панелью администратора. Теперь команда может добавлять видео на сайт самостоятельно в пару кликов, а также распределить видеоматериал в нужный каталог и поставить ему нужное динамичное превью с описанием.

Основные моменты при создании сайта:

Визуальный код компании должен остаться таким же. То есть в брендинг мы не лезем. Элементы фирменного стиля это то, что остается неизменным, и то с чем мы должны работать (хотя это усложняет задачу, потому что часто он становится неактуальным спустя время, например, как вышло у нас, либо он изначально был сделан посредственно другими дизайнерами).
За основной стиль взяли минимализм. Пространство не должно перебить форму. Простота структуры, легкость в навигации, лаконичность графики и ясность языка.

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

Разместили ключевые элементы (меню навигации) в легкодоступных местах. И протестировали на штате компании, чтобы убедиться в том, что он действительно прост в использовании. А вот и главный экран сайта:

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

Вместо обычной фотографии на весь экран сделали слайдшоу из детализированных скриншотов с работами по направлению Beauty Work. Фотогалерею клиент может пополнять самостоятельно.

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

Скорость считывания информации у пользователей увеличится – им не придется выполнять лишние действия в виде наведения на карточку с видео, чтобы узнать название; а также лишний раз включать ролик, чтобы понять настроение, мотив и посыл работы, ведь у каждой теперь есть превью.
Также были сделаны такие блоки как контактная информация, информация о трудоустройстве в компанию, клиенты компании и ее новости (последние выпущенные работы; автоматически подгружаются самые последние работы из каталога).
Например, ниже скриншот блока с новостями. Автоматически подгружаются последние работы из общего каталога с кейсами

Сложности при создании сайта, с которыми мы столкнулись

Все было бы хорошо, если бы это не был наш первый заказ в нише видеопродакшена. На тот момент они правда были первыми, а после этого я очень часто работала с видеопродакшенами.
Самая большая и сложная сложность – это огромное количество видеоматериала, который афигеть сколько весит. Как размещать на одной странице по 30 видео с превью, если каждый видеоролик весит по несколько ГБ? Мы не хотели оставлять скриншоты принципиально – это не про VFX, это не про обладаение формы над пространством. Нет. Расчет был как раз на то, что эти превью и перехватят все внимание пользователя.

Большая ошибка. Мы просто посмотрели по таймкодам какие моменты из роликов можно поставить на превью: сделали в панели администратора ячейку, чтобы в два клика можно было выставлять нужный промежуток времени. Итого, что получилось – ничего не грузит. Видео прогружается до момента с установленным таймкодом по 10-20 секунд. Чем дальше тот самый сочный момент из превью – тем дольше это все прогружалось. Пипец, подумали мы.Как решили? Наняли обычного монтажера, чтобы он сделал нам превью. Техническое задание простое – дали разрешение для превью (оно не превышало показатели в 600p, точно не вспомню), длительность не больше 10 секунд, выбираешь самые яркие моменты. В целом, все. Итого каждый кусочек видео весил в среднем не больше 10 Мб.

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

Панель администратора делали на WordPress. Свои задачи в части обновления контента она выполняет по сей день хорошо. Достаточно просто знать как работает редактирование страницы Вконтакте, чтобы отредактировать страницу на сайте в нашей панели администратора. Вот как она выглядела изнутри (наши с разработчиком скриншоты во время работы):

Общие впечатления по сайту

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

Сайт до сих пор служит компании, они самостоятельно добавляют туда материалы, по SEO он нормально продвигается, так что всё гуд и свою задачу мы выполнили :)

Посмотреть кейс также можно на Dprofile и на Behance.

Следить за мной в социальных сетях можно тут
Написать по личному или деловому вопросу тут

Приобретаемые навыки:

• Анализ конкурентов и текущих трендов

• Проведение исследований пользовательского поведения

• Создание структуры и навигации продукта

• Разработка дизайна сайтов и приложений

• Подготовка макетов для разработчиков

• Адаптация дизайна для мобильных устройств

• Оценка удобства дизайна для пользователей

• Работа с бизнес-метриками для улучшения продукта.

Программа курса:

• Figma: от новичка до профессионала

• Веб-дизайн: с основ до профессионального уровня

• UX-дизайнер: полный курс от основ до продвинутого уровня

• Подготовка к трудоустройству на позицию Junior

• Сервисный дизайн

• Продуктовый дизайнер

• UX-аналитика для продуктового дизайнера

• Photoshop: с нуля до уверенного пользователя

• After Effects: от новичка до профессионала 2.0

• Как найти работу дизайнеру: серия лекций от экспертов

• Презентация итоговых проектов.

UI/UX дизайнер обучение онлайн→

2. Курс «UX/UI-дизайнер с нуля до Middle» [GeekBrains] — 1110 отзывов

Информация о курсе: стоимость — 4 571 ₽ / мес. в рассрочку на 36 месяцев, длительность - 12 месяцев

Особенности: Получите диплом о проф. переподготовке и помощь с трудоустройством.

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

Программа курса:

• Основы дизайна

• Компьютерные технологии в дизайне

• Adobe Photoshop для дизайнеров

• История дизайна

• Введение в специализации

• Выбор специализации: графический, цифровой, предметный дизайн, дизайн интерьера

• Основы мировой культуры и искусства.

UI UX курсы онлайн →

3. Курс «UX/UI-дизайнер» [Нетология] — 215 отзывов

Информация о курсе: стоимость — 131 100 ₽ - 182 100 ₽ или рассрочка на 36 месяцев - от 3 832 ₽ / мес., длительность - 9-16 месяцев — в зависимости от траектории обучения

Особенности: Соберёте портфолио с реальными кейсами и сможете начать поиск работы уже через 4 месяца. Получите диплом о проф. переподготовке.

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

Две траектории обучения:

• Базовая траектория
  Освоите основные навыки и инструменты UX/UI-дизайнера, чтобы быстро начать карьеру на фрилансе или удалённо.

• Расширенная траектория
  Приобретете дополнительные профессиональные знания, углубитесь в профессию, что позволит претендовать на более высокие должности и зарплаты.

Курсы UX UI design →

4. Курс «UX-UI дизайнер» [Логомашина] — 140 отзывов

Информация о курсе: стоимость — 4 461₽ / мес. в рассрочку на 36 месяцев, длительность - 12 месяцев

Особенности: Курс «Нейросети» в подарок. Помощь с трудоустройством. Выдаётся диплом о проф. переподготовке.

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

Программа курса:

• Введение в UX/UI-дизайн

• Первые шаги в профессии

• Основы дизайна: краткий курс

• Изучение Figma

• Типографика и колористика

• Сетки и композиция: создание первого лонгрида

• Разработка баннеров и креативов

• Введение в анализ проектов

• Анализ будущего проекта

• Структура сайта

• Адаптация для мобильных устройств

• Создание UI Kit

• Разработка сайта для интернет-магазина

• Знакомство с Behance и Dribble

• Экзаменационный учебный проект.

Углубленное изучение:

• Введение в UX/UI

• Исследование бизнеса и пользователей

• UX-проектирование

• UX-копирайтинг

• Веб-аналитика и редизайн

• Дизайн и редизайн на основе метрик

• Введение в e-commerce проект

• Интерфейс интернет-магазина

• Дипломный проект.

Дополнительные модули:

• Основы Photoshop

• Основы Illustrator

• Работа с Tilda

• Дизайн мобильных приложений

• Анимация интерфейсов

• Нейросети для дизайнеров

• Развитие личного бренда

• Юридические аспекты

• Английский для дизайнеров

• Коммуникация и работа с заказчиками

• Забота о себе.

Курсы UI UX дизайна онлайн →

5. Курс «Профессия UX/UI-дизайнер с нуля до ПРО» [Contented] — 143 отзыва

Информация о курсе: стоимость — 5 767 ₽ / мес. в рассрочку на 36 месяцев, длительность - 14 месяцев

Особенности: 12 работ в портфолио: мобильные и веб-прототипы. Сопровождение и поддержка дизайнеров-наставников, помощь с трудоустройством, диплом о профессиональной переподготовке.

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

Программа курса:

• Основы интерфейсного дизайна

• Углубленное изучение UX/UI

• Разработка веб-сайтов

• Дизайн мобильных приложений

• Стажировка

• Продвинутые UX-исследования

• Создание дизайн-систем

• 3D-визуализация с помощью Blender

• Развитие soft skills

• Дипломная работа

• Английский для дизайнеров

• Использование нейросетей в дизайне.

Курсы UX UI дизайнер →

6. Курс «Профессия UX/UI-дизайнер» [ProductStar] — 58 отзывов

Информация о курсе: стоимость — 129 600 ₽ - 266 643 ₽ или рассрочка на 24 месяца - от 6 000 ₽ / мес., длительность - 10 месяцев

Особенности: помощь в поиске работы.

Вы освоите:

• Профессиональную разработку сайтов любой сложности на Tilda и создание интерфейсных элементов в Figma, а также работу с прототипами и анимациями.

• Понятия «дизайн-систем» и «дизайн-мышление», что поможет вам создавать интерфейсы, которые будут выделяться среди конкурентов и привлекать внимание клиентов.

• Глубокое исследование пользователей для создания максимально удобного интерфейса. Научитесь анализировать и изучать пользователей, а также управлять командой UX-исследователей.

• Основы HTML, CSS и JavaScript, что позволит вам освоить базовые навыки frontend-разработки и самостоятельно верстать сайты с нуля.

Программа курса:

• Работа с Figma

• Бонус: работа с Tilda

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

• UI-дизайн

• Дизайн мобильных интерфейсов

• Дизайн-мышление

• Продвинутый UX

• Исследования и аналитика

• Основы вёрстки: HTML и CSS

• Основы JavaScript

• Инструменты верстки и UX

• Дипломный проект.

UX обучение →

7. Курс «UX/UI: проектирование пользовательского интерфейса» [Bang Bang Education] — 60 отзывов

Информация о курсе: стоимость — 48 300 ₽, длительность - 15 недель

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

Программа курса:

• Основы UX/UI-дизайна: введение в профессию, работа в Figma, основы визуального дизайна, включая композицию, цвет, типографику и иконографику.

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

• Дизайн веб-сайтов: использование Human-Centered Design (HCD), основные инструменты веб-проектирования.

• Дизайн мобильных приложений: адаптация интерфейсов под мобильные устройства, использование дизайн-систем.

• Продвинутые UX-исследования: анализ поведения пользователей, тестирование прототипов.

• 3D-визуализация в Blender: создание трехмерных элементов для интерфейсов.

• Soft skills: развитие навыков коммуникации и работы в команде.

• Нейросети для дизайнеров: использование искусственного интеллекта для улучшения дизайна.

• Дипломная работа: создание и защита собственного проекта.

На этом курсе вы сможете получить практические знания и навыки, необходимые для успешной карьеры UX/UI-дизайнера, научитесь работать с современными инструментами и технологиями, такими как Figma и Blender, и освоите передовые методы UX-исследований и анализа данных.

Курсы UX дизайна →

8. Курс «UI/UX-дизайнер» [Pentaschool] — 87 отзывов

Информация о курсе: стоимость — 82 100 руб., длительность - 9 месяцев

Учебная программа:

• Введение в профессию "Дизайнер интерфейсов"

• Создание лендинга в Figma: основы UX-дизайна, композиция, создание прототипов.

• UI-дизайн лендинга: разработка графической концепции.

• Основы веб-дизайна: ключевые принципы создания сайтов.

• Интернет-магазин - прототипирование главной страницы: создание и тестирование макетов.

• Интернет-магазин - сценарий выбора товара: проектирование и оптимизация процесса выбора.

• Интернет-магазин - сценарий покупки: проработка пользовательского пути при покупке.

• UI-дизайн интернет-магазина: создание интерактивных прототипов.

• Контент сайта - работа в Adobe Photoshop (часть 1): обработка графических элементов.

• Контент сайта - работа в Adobe Photoshop (часть 2): завершение создания контента.

• Интернет-магазин - завершение проекта: анимация и передача проекта разработчикам.

• Дизайн сайтов на Tilda: изучение интерфейса и возможностей платформы.

• Создание лендинга и многостраничного сайта на Tilda: практика создания различных типов сайтов.

• Создание интернет-магазина и образовательного сайта на Tilda: специализация на коммерческих и учебных проектах.

• Особенности работы с мобильными приложениями: адаптация дизайна под мобильные устройства.

• Проектирование мобильного приложения: создание архитектуры приложения.

• Создание прототипа и UI-дизайн для мобильных приложений: визуализация и прототипирование.

• UX-исследования и аналитика: проведение исследований и анализ пользовательского опыта.

• Мобильное приложение - продуктовый подход: создание прототипов с акцентом на продуктовую стратегию.

• Мобильное приложение - визуальная концепция: разработка визуальной части приложения.

• Личный бренд дизайнера: стратегии развития и продвижения личного бренда.

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

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

UX UI дизайнер обучение с нуля →

9. Курс «Дизайнер интерфейсов» [Яндекс.Практикум]

Информация о курсе: стоимость — 136 000 ₽ - 199 000 ₽, длительность - 9 месяцев

Чему вы научитесь:

• Анализировать конкурентов и целевую аудиторию: исследовать привычки пользователей и выявлять их потребности.

• Формулировать и проверять гипотезы: применять различные методы исследований для проверки идей.

• Прорабатывать пользовательские сценарии: разрабатывать интуитивно понятные интерфейсы.

• Проектировать визуальные интерфейсы: создавать дизайн для различных устройств и операционных систем.

• Создавать анимированные прототипы: тестировать свои решения с пользователями.

• Презентовать и передавать проекты: эффективно представлять идеи заказчику и передавать проекты в разработку.

  
  Программа курса:

• Аудитория и визуальная коммуникация

• Композиция и сетки

• Основы типографики и работа с текстом

• Работа с цветом и изображениями

• Исследование аудитории

• Проектирование интерфейса

• Анимация, иконки и UI-киты

• Визуальный дизайн и адаптивность

• Работа над продуктом

• UX-копирайтинг

• Визуализация данных

• Продвинутые функции Figma / Бизнес-среда

• Adobe After Effects

• Создание MVP на Tilda

• Бонусный модуль: Новые технологии и нейросети в дизайне.

Курсы по UI UX дизайну →

10. Курс «UX-дизайн» [IRS.Academy] — 46 отзывов

Информация о курсе: стоимость — 51 400 руб., длительность - 12 уроков (24 часа)

Содержание курса:

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

• Основы UX-дизайна
  На втором уроке освещаем основы этой области: методика ведения дизайн-проектов, стадии их реализации, эффективное планирование и управление, выявление потребностей целевой аудитории, использование бизнес-анализа и аналитики в UX-дизайне.

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

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

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

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

• Тестирование юзабилити
  Освоение методов юзабилити-тестирования, правил выборки, составление сценариев действий пользователей, особенностей мобильной аналитики, проведение A/B-тестов и выбор гипотез для тестирования.

• Дизайн на основе данных
  Изучение приоритетов и метрик в работе с данными, основных правил Data Driven Design и применение Big Data, исследований, A/B-тестирования и проверки гипотез в проектировании продуктов.

• Пользовательский опыт
  Научные подходы к проектированию пользовательского опыта, его восприятие, психофизиология, определение KPI и бизнес-целей, анализ сайтов с точки зрения психологии пользователей и основные принципы интерфейса.

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

• Стратегия Lean UX
  Применение методологии Lean UX, бережливого дизайна, ориентация на потребителя, восприятие бренда и создание творческих брифов.

• Визуальный дизайн
  Роль визуального дизайна, методы его разработки, различные типы дизайнерских систем, оценка качества дизайна, разработка логотипов, брендинг, упаковки, инструкции по шрифтам, цветам и размерам, создание стилей, макетов и прототипов, выбор графических редакторов.

UI UX дизайн обучение →

11. Курс «UX/UI дизайн» [Специалист]

Информация о курсе: стоимость — разная, длительность - разная

Вы овладеете:

• основами веб-дизайна и UX/UI;

• методами работы с растровой графикой в Adobe Photoshop;

• проведением юзабилити-тестирования и написанием пользовательских сценариев;

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

• созданием дизайна интерфейсов в Adobe XD и Sketch;

• разработкой лендингов на платформе Tilda;

• работой с Figma и другими инструментами для создания макетов;

• использованием инструментов верстки HTML и CSS;

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

Курсы UI UX дизайна →

12. Курс «UI/UX-дизайнер» [НИИДПО] — 15 отзывов

Информация о курсе: стоимость — 82 100 ₽, длительность - 37 недель (8.5 мес.)

Что вы освоите:

• Применение теоретических основ графического дизайна на практике: принципы композиции, типографии, и колористики.

• Проведение исследований пользовательского поведения, формирование пользовательских сценариев, анализ целевой аудитории и конкурентов.

• Работу с платформами Tilda, Figma и Adobe Photoshop.

• Создание удобных и интуитивно понятных интерфейсов для лендингов, многостраничных веб-сайтов, интернет-магазинов и мобильных приложений.

• Решение бизнес-задач через дизайн веб-сайтов и приложений.

• Продвижение личного бренда и эффективное взаимодействие с коллегами и клиентами.

UI UX designer курсы →

13. Курс «UX/UI дизайнер» [Loftschool] — 12 отзывов

Информация о курсе: стоимость — нет информации, длительность - 3 месяца

Что вы освоите:

• Основные средства
  Получите опыт работы с передовыми инструментами дизайнера.

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

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

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

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

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

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

• Визуализация концепции
  Превратите ваш прототип в готовый дизайн и освоите создание анимаций в Figma и Principle.

UX UI дизайн курсы →

14. Курс «UX & UI: продуктовый дизайн» [БВШД] — 10 отзывов

Информация о курсе: стоимость — нет информации, длительность - 3 недели

Чему вы научитесь:

• Освоите основные методы исследования пользователей в дизайне;

• Генерация идей для цифровых сервисов;

• Разработка концепций продукта и сценариев его использования;

• Быстрое создание экспресс-прототипов идей;

• Погружение в процесс разработки продукта;

• Тестирование созданных прототипов;

• Работа в условиях ограниченного времени;

• Коллективная работа в команде.

Изучаемые темы:

• Воркшопы, которые дополняют каждую лекцию, практические занятия в командах, дополнительные ресурсы, поддержка от менторов и кураторов курса;

• Формирование команд;

• Проведение исследований: сбор информации, формулирование гипотез, подбор участников, планирование исследования, руководство интервью;

• Анализ конкурентов;

• Анализ исследований и превращение полученных данных в конкретные идеи;

• Построение пользовательских историй;

• Работа в программе Figma, разработка дизайн-концепций;

• Основы презентации разработанных решений;

• Заключительная презентация проектов.

UI UX дизайн курсы →

Бесплатные курсы и уроки UX/UI дизайна

Курс «UX/UI-дизайн» [Skillbox]

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

Курс UX UI дизайн →

Курс «Web Design - UI/UX» [G-Starting]

Учебные материалы:

• Этапы процесса создания дизайна

• Основы сетки, отступов и выравнивания

• Создание форм, кнопок и закруглений

• Введение в типографику

• Подбор цветов для веб-сайта

• Обзор понятий UX/UI

• Руководство по поиску и загрузке шрифтов

• Ресурсы для поиска стоковых изображений, как платные, так и бесплатные

• Подбор качественных бесплатных фотографий

• Платформы для использования иконок

• Инструменты для создания цветовой палитры

• Сервисы для подбора сочетаний шрифтов

• Сообщества для дизайнеров.

Курс UI UX дизайнер →

Курс «Веб дизайн» [AndyOne]

Видеоуроки:

• Основные принципы для новичка в дизайне

• Основы типографики

• Понятие цвета в дизайне

• Работа с изображениями

• Применение модульных сеток

• Повышение дохода фрилансера с использованием WordPress-тем

• 10 секретов Sketch, которые облегчат вашу работу

• 6 правил эффективной работы на фрилансе.

UX UI дизайнер: курсы →

Что должен уметь начинающий UX UI дизайнер?

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

Технические навыки

Инструменты для дизайна:

• Figma: один из самых популярных инструментов для создания прототипов и макетов.

• Sketch: используется в основном на Mac и популярен среди дизайнеров интерфейсов.

• Adobe XD: инструмент от Adobe для создания дизайнов и прототипов.

• Adobe Photoshop и Illustrator: для работы с графикой и иллюстрациями.

Основы HTML и CSS:

• Понимание основ веб-разметки и стилей поможет лучше взаимодействовать с разработчиками и создавать реалистичные прототипы.

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

• Умение создавать интерактивные прототипы, чтобы тестировать и демонстрировать идеи.

Концептуальные знания

Основы UX-дизайна:

• Понимание принципов юзабилити и удобства использования.

• Исследования пользователей: методы сбора данных о пользователях, создание персон (user personas), анализ пользовательских сценариев (user journeys).

Основы UI-дизайна:

• Знание основ типографики, цветовых схем, иерархии и композиции.

• Умение создавать понятные и привлекательные интерфейсы.

Практические навыки

Wireframing:

• Создание набросков и схем интерфейсов для определения структуры и расположения элементов.

User Research:

• Проведение интервью с пользователями, юзабилити-тестов, анкетирования и других методов исследования.

Интерактивное проектирование:

• Создание анимаций и переходов для улучшения взаимодействия пользователя с интерфейсом.

Софт-скиллы

Коммуникация:

• Умение ясно и четко объяснять свои идеи и решения как команде, так и заказчикам.

Креативное мышление:

• Способность генерировать оригинальные и эффективные решения для различных проблем.

Внимание к деталям:

• Тщательная проверка всех элементов дизайна и их соответствие поставленным задачам.

Дополнительные знания

Понимание процесса разработки ПО:

• Знание основ Agile и Scrum для эффективного взаимодействия с командой разработчиков.

Знание трендов в дизайне:

• Следить за последними тенденциями и новыми технологиями в сфере UX/UI.

Портфолио

Проекты:

• Наличие портфолио с примерами работ, которые демонстрируют навыки и стиль дизайнера.

Кейсы:

• Описание процессов и методов, которые использовались для решения конкретных задач в проектах.

Освоение этих навыков и знаний поможет начинающему дизайнеру успешно начать карьеру в UX/UI дизайне и продолжать развиваться в этой области.

Ну и если кто-то совершенно случайно не знает, — написал и озвучил Книгу нормального фрилансера (2023).

Вот сижу, думаю, о чём ещё рассказать-написать?

Подписка на «новое я»

Иногда так и хочется все бросить и стать другим человеком. Но с чего начать — непонятно. Эта подписка каждый месяц будет подкидывать мини-вызовы для внутренней трансформации. Например: «Неделя без кофе — проверьте, остались ли у вас чувства» или «Месяц без телефона после 6 — вспомните, как выглядят ваши стены». Маленькие шаги, большие перемены. Ну или хотя бы повод похвастаться в сторис (до 18:00, конечно).

Подписка на неловкие разговоры

Забыли, как звонить по телефону? Начинаете паниковать, когда кто-то пишет «давай голосом»? Подписка на неловкие разговоры — это спортзал для ваших коммуникативных мышц. Раз в неделю вам звонит специально обученный человек (или такой же подписчик), и вы несколько минут болтаете обо всем: как спит ваш кот, что вы пересматривали в 25-й раз на выходных и почему ананас на пицце — это грех. Главное — живой голос и никаких эмодзи!

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

Подписка на коробку неожиданной радости

Это как Новый год, но без елки и не в декабре. При регистрации рассказываете сервису о себе: чем увлекаетесь, что обожаете, а от чего готовы бежать в панике. А дальше — магия. Раз в месяц курьер приносит коробку с чем-то, что заставит вас сказать: «Ого! Откуда вы знали?!» День доставки определяется случайно — сюрпризы хороши именно своей внезапностью.

Подписка на дурацкие идеи

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

Подписка на прошлую версию интернета

Никаких алгоритмов, трендов и бесконечных сторис, только ICQ, «Помогите Кузе» и новости про новый сезон «Остаться в живых». Эта подписка — как флешбек в старый добрый интернет: вам каждый день прилетает симуляция жизни за выбранный год. Захотели 2007-й — и вот у вас релиз новой песни Тимбалэнда и «Йа креведко!» в чате. Соскучились по студенческим временам в 2010-м? Вот вам «ВКонтакте» без сторис и опрос «Тян или няша?». Своего рода цифровая машина времени, только без риска запустить временной парадокс.

Подписка на экстренное вдохновение

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

Подписка на пятничный ужин

Вечер пятницы, конец рабочей недели. Силы остались только на то, чтобы жевать, а готовить — вот уж увольте. Для вас есть подписка мечты: каждую неделю вам домой прилетает сет готовых блюд по мотивам выбранной кухни мира. Сегодня Италия? Ловите пасту, брускетты и настроение «мамма миа!». Захотели Мексику — получите тако, гуакамоле и мини-фиесту.

Подписка на гиперлокальность

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

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

Все эти подписки — только наши фантазии (пока что). Но уже сейчас вы можете оформить подписку ВТБ Плюс, чтобы сделать повседневные траты немного приятнее. С ВТБ Плюс вы получаете:

• 10 категорий кешбэка на выбор каждый месяц вместо восьми;

• дополнительный кешбэк на сервисы Яндекс Лавка, Яндекс Еда, такси в Яндекс Go и Яндекс Маркет;

• бесплатный доступ в онлайн-кинотеатр Wink;

• +2% к ставке по накопительному ВТБ-счету;

• скидку 20% на страховые продукты ВТБ и связь ВТБ Мобайл;

• бесплатные переводы за границу и уведомления об операциях.

ПОДКЛЮЧИТЬ ПОДПИСКУ ВТБ ПЛЮС