ϟ Новые кейсы студентов годовой программы «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 ноября.