ϟ Новые кейсы студентов годовой программы «UX/UI: дизайн цифровых продуктов»

✦ Инклюзивная цифровая среда «Звезда ближе»
Миссия проекта — стать стандартом для детских образовательных учреждений в управлении развитием детей. Ключевое преимущество — гибкость системы и экспертиза в работе с детьми с особенностями здоровья.

Цель продукта — стать помощником в ежедневном рабочем процессе сотрудников. Задача: создать приложение, которое будет помогать педагогу выполнять поставленные цели для его учеников и учениц, отслеживать расписание и соблюдать отчетность.

✦ Приложение «Моя волна» от «Яндекс.Музыки»
Большинство пользователей «Яндекс.Музыки» регулярно слушает рекомендации в «Моей волне». «Моя волна» — кнопка на главном экране, которая запускает бесконечный и персональный стрим. Рекомендации — основная ценность продукта.

Задача: спроектировать отдельное приложение, которое состоит только из «Моей волны» и элементов управления ей.

→ Осталось 4 места на ближайший поток, который стартует 5 октября. Если вы хотите начать свой путь продуктового дизайнера в этом году, присоединяйтесь к программе!

Бесплатный вебинар «Кто такой продуктовый дизайнер?»

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

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

→ Вебинар пройдет 3 октября в 19:00. Регистрация по ссылке.

Почему Webflow?

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

Отвечал Яр Романов, сооснователь Эйч, Буду, Ханти и Humans.

✦ Почему именно Webflow, а не Tilda или Readymag?

➊ У Webflow открытое API для своей CMS. Это значит, что можно создать многостраничный сайт с динамическим контентом. Из самого простого примера — блог, каталог недвижимости и джоб-борд с вакансиями. При этом управлять контентом можно из практически любого другого сервиса и публиковать его в Webflow через API.

➋ SSR — server side rendering, или рендеринг на стороне сервера. Такая методика рендеринга лучше для пользовательского экспириенса и для оптимизации в поисковиках.

➌ Несметное количество интеграций через такие провайдеры, как Zapier или Make. То есть вы легко сможете создать лендинг с лид формой и без знаний кода отправить эти данные в сервис автоматических email-рассылок, гугл-табличку с лидами или создать более сложные манипуляции с полученными данными.

➍ Верстка в Tilda или Readymag негибкая, на выходе код получается нечитабельным. У Webflow полноценная и чистая структура CSS/HTML, в процессе роста можно легко выгрузить сайт и начать использовать React, Vue и другие фреймворки.

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

✦ Что подразумевает знание Webflow?

Для нас значит, что дизайнер может проанализировать запрос бизнеса или клиента и понять, реализуем он или нет. Например, если клиенту нужен каталог объектов недвижимости с интерактивной картой, нужно понимать, как это реализуется и реализуется ли вообще или потребуется что-то дополнительно.

Еще знание Webflow подразумевает понимание HTML и CSS — то, как веб-страницы работают в браузере. Например, нужно понимать, из чего состоят формы и что делает функция Action.

✦ Как знание лоу-код инструментов помогает выделиться соискателям?

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

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

✦ Для каких проектов вы используете Webflow?

В Эйч, Ханти и Humans — это весь фронтенд, в Буду — все лендинги продукта и спецпроекты. Поэтому мы с радостью ждем выпускников курса на парт-тайм и фул-тайм проекты, сейчас у нас открыто три вакансии для дизайнеров-верстальщиков.

→ Если вы хотите научиться пользоваться лоу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.

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

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

Берегите себя и родных.

Обновили программу курса «UI-анимация»

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

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

→ Присоединяйтесь к курсу, старт — 5 октября.

Портфолио-ревью: мобильный интерфейс

На встрече участники получат обратную связь не только на саму работу, но и на оформление в целом, включая организацию слоев и компонентов — все, на что обращают внимание компании при найме.

Зарегистрируйтесь на вебинар, заполните гугл-форму и внутри прикрепите ссылку на файл в Figma с мобильным интерфейсом. Не забудьте открыть доступ для просмотра — первые 20 участников получат ревью.

Эксперты:

✦ Анна Матвеева — старший дизайнер Ozon Fintech и преподавательница на курсе «Дизайн мобильных приложений».

✦ Иннокентий Коновалов — продуктовый дизайнер в Ozon Fintech.

✦ Максим Власкин — старший дизайнер продукта в банке Ozon.

→ Ревью пройдет 10 октября в 19:00. Регистрация по ссылке.

О сайте Redis.Agency для Webflow

Задали четыре вопроса о процессе работы над сайтом Славе Шейкину, лиду Webflow-отдела Redis.Agency и преподавателю на курсе «Webflow: как создать сайт без кода».

➊ Какая была задача?

Сделать сайт о том, как мы любим Webflow, чтобы стать партнером и взять сайт дня на Awwwards. И обе цели мы достигли :)

➋ Какие были сложности?

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

➌ Чем гордишься в проделанной работе?

Одновременно горжусь и жалею. Все самые сложные анимации (кроме Three.js) и плавный скролл сделаны без кода. Это был некоторый челлендж для возможностей Webflow. Граница возможностей ноукода, за которую пока лучше не переступать.

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

➍ Сколько заняла работа?

На все ушло 13 недель.

→ Если вы тоже хотите научиться пользоваться лоу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.

Бесплатный вебинар о составлении резюме

29 сентября ведущий HR-менеджер Ultimate Education Дарья Абхинав объяснит, как сформировать и структурировать рассказ о себе и своих навыках. Разберёт ошибки, которые допускают соискатель_ницы. Покажет, на что в первую очередь обращают внимание HR-специалист_ки. В практической части лекции Дарья рассмотрит несколько резюме и даст экспертные рекомендации.

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

→ Зарегистрироваться на вебинар.

Работы выпускников курса «Дизайн-мышление»

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

Теперь на лендинге курса вы можете посмотреть:

✦ В2В решения для сервиса психологической помощи YouTalk

✦ Этап прототипирования стенда для индивидуальных тренировок Fitness On

✦ Этап исследования умных устройств SberDevices

→ Присоединяйтесь к курсу, старт — 7 ноября.

ϟ Lamoda и Учи.ру — партнеры курса «Продуктовый дизайн-лидер»

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

✦ Lamoda — крупнейший Fashion & Lifestyle платформа в России с 17 миллионами пользователей. В техническом направлении LaTech работает более 500 человек: продакты, разработчики, аналитики, дизайнеры и другие специалисты, которые создают продукт для пользователей и B2B партнеров.

✦ Учи.ру — группа компаний и одноименная образовательная онлайн-платформа. В группу входят школа онлайн-репетиторов «Учи.Дома», образовательный портал «Учи.Ответы», сеть офлайн-кружков Учи.ру по программированию, математике и английскому языку, образовательный онлайн-ресурс «ЯКласс».

→ Если вы хотите сделать шаг в сторону карьеры в большой IT-компании, присоединяйтесь к курсу со скидкой. Старт — 10 октября.

ϟ Через час старт вебинара «Кто такой продуктовый дизайнер?»

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

→ Регистрация по ссылке.

Расписание курсов для UX/UI-дизайнеров в октябре

➊ UI-анимация
Проработаете взаимодействие с пользователем и эмоциональный аспект интерфейса.
5 октября — 20 ноября

➋ Продуктовый дизайн-лидер
От новичка до продуктового дизайнера в большой компании: научитесь создавать решения для многомиллионной аудитории.
10 октября — 5 декабря

➌ Дизайн мобильных приложений
Разработаете дизайн продукта для iOS или Android, следуя логике пользователя.
17 октября — 25 декабря

Подборка полезных сервисов для работы с Webflow от Яра Романова

Яр Романов — сооснователь Эйч, Буду, Ханти и Humans. В прошлом посте рассказал, почему среди лоу-код конструкторов они выбирают Webflow и в каких проектах используют. В этом — о сервисах, которые облегчат и ускорят работу с Webflow.

➊ Jetboost — быстрое создание фильтров и поиска на страницах Webflow.

➋ Make — автоматизация процессов без кода. Например, вы можете получать данные из форм Webflow, сохранять их в CRM Pipedrive и уведомлять менеджеров через телеграм-бот.

➌ Finsweet — образовательные материалы и различные расширения для работы с Webflow.

➍ Client-first — дизайн-система для Webflow.

➎ Relume Library — библиотека готовых компонентов для Webflow, созданная на дизайн-системе Client-first. Позволяет буквально за час собрать лендинг для теста гипотез.

➏ Wized — создание полноценного веб-приложения без кода.

➐ Memberstack и Outseta — авторизации и подписки в Webflow.

→ Присоединяйтесь к курсу «Webflow: как создать сайт без кода», чтобы освоить лоу-код инструмент и самостоятельно верстать сайты. Старт — 15 ноября.

Как подружиться с гайдлайнами?

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

➊ Как запомнить гайдлайны?

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

На курсе мы будем делать все экраны приложения, поэтому волей-неволей часть китов уже запомнится. А ещё останется UI Kit, который станет подсказкой для будущих проектов.

Знание гайдлайнов — это как бег. Одной теоретической базы мало, надо именно бегать — делать макеты каждый день.

➋ Нужно ориентироваться и в Material Design, и в Human Interface одновременно?

Это будет зависеть от того, куда идти работать. В некоторых продуктах все экраны делают под iOS, а под Android отрисовывают только самое главное. Есть приложения, которые так популярны на Android, что там и макеты в основном андроидные. В студиях важно знать обе платформы, потому что заказы обычно на обе платформы.

Для джуна или мидла знание гайдов для обеих платформ — огромное преимущество при трудоустройстве.

➌ Как будет устроена работа с гайдлайнами на курсе?

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

Я обычно отрисовываю весь дизайн под iOS, а потом уже быстренько, когда всё зафиналено, доделываю Android. Если студент сейчас пользуется Android и для него это привычнее, то можно сначала сделать под эту платформу, а потом — iOS.

→ 10 октября, в 19:00, пройдет портфолио-ревью, где Аня вместе с коллегами из Ozon Fintech даст обратную связь на 20 работ. Мы уже получили 10 работ, осталось еще 10 мест. Форма для отправки и регистрация по ссылке.

ϟ Через час начнется «Портфолио-ревью: мобильный интерфейс»

Аня Матвеева, старший дизайнер Ozon Fintech и преподавательница на курсе «Дизайн мобильных приложений», вместе с коллегами даст обратную связь на 20 работ. Есть еще несколько мест для ваших кейсов, отправляйте до старта эфира.

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

→ Форма для работ и регистрация по ссылке.

Новый партнер курса «Продуктовый дизайн-лидер»

Партнеры курса — компании, которые делятся брифом из своей практики, а их руководители и продакт-менеджеры становятся наставниками студентов. Мы уже рассказали о Lamoda и Учи.ру в прошлом посте, сегодня — об App in the Air.

✦ App in the Air — персональный менеджер путешествий, который зарегистрирует на рейс, сообщит о любых изменениях и оповестит близких о статусе полёта.

Для пользователей США и Европы запущен сервис бронирования билетов и отелей. На этих рынках сервис позиционирует себя как The Go-To Travel App, потому что покрывает все этапы путешествия: от планирования до статистики перелетов.

→ Курс стартовал 10 октября, но вы можете присоединиться до 17 октября. Программа обучения и регистрация — по ссылке.

О сайте Amway for future от Redis.Agency

Задали четыре вопроса о процессе работы над сайтом Славе Шейкину, лиду Webflow-отдела Redis.Agency и преподавателю на курсе «Webflow: как создать сайт без кода».

➊ Какая была задача?

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

➋ Какие были сложности?

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

➌ Чем гордишься в проделанной работе?

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

➍ Сколько заняла работа?

Один месяц.

→ Если вы тоже хотите научиться пользоваться ноу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.

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

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

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

Любое количество вариантов вы можете предложить по ссылке ниже до 26 октября. Наша команда выберет несколько названий, которые станут частью нового бренда. Их авторы получат годовую подписку на «Дизайн-библиотеку», а тот, в чей вариант мы влюбимся, — место на любом интенсиве BBE.

→ Предложить название.