Подборка полезных сервисов для работы с 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 ноября.
Яр Романов — сооснователь Эйч, Буду, Ханти и 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 ноября.
👍12
Как подружиться с гайдлайнами?
Задали три вопроса Ане Матвеевой, преподавательнице на курсе «Дизайн мобильных приложений». Узнали, как запомнить гайдлайны, как с ними работают практикующие дизайнеры и как будут учиться студенты.
➊ Как запомнить гайдлайны?
На самом деле, не надо их запоминать. Чем больше делаешь макетов, тем чётче приходит осознание, что ты уже и так всё знаешь. Тем более что вряд ли будешь собирать макет прямо с нуля: у всех со временем появляются наработки, которые можно переиспользовать снова и снова в своих проектах.
На курсе мы будем делать все экраны приложения, поэтому волей-неволей часть китов уже запомнится. А ещё останется UI Kit, который станет подсказкой для будущих проектов.
Знание гайдлайнов — это как бег. Одной теоретической базы мало, надо именно бегать — делать макеты каждый день.
➋ Нужно ориентироваться и в Material Design, и в Human Interface одновременно?
Это будет зависеть от того, куда идти работать. В некоторых продуктах все экраны делают под iOS, а под Android отрисовывают только самое главное. Есть приложения, которые так популярны на Android, что там и макеты в основном андроидные. В студиях важно знать обе платформы, потому что заказы обычно на обе платформы.
Для джуна или мидла знание гайдов для обеих платформ — огромное преимущество при трудоустройстве.
➌ Как будет устроена работа с гайдлайнами на курсе?
Сначала мы обсудим их, посмотрим, что там есть и на основные отличия. А потом будем активно использоваться в своих проектах. Не устану говорить, что в макетах главное — практика и постоянство. Нужно делать, делать и делать.
Я обычно отрисовываю весь дизайн под iOS, а потом уже быстренько, когда всё зафиналено, доделываю Android. Если студент сейчас пользуется Android и для него это привычнее, то можно сначала сделать под эту платформу, а потом — iOS.
→ 10 октября, в 19:00, пройдет портфолио-ревью, где Аня вместе с коллегами из Ozon Fintech даст обратную связь на 20 работ. Мы уже получили 10 работ, осталось еще 10 мест. Форма для отправки и регистрация по ссылке.
Задали три вопроса Ане Матвеевой, преподавательнице на курсе «Дизайн мобильных приложений». Узнали, как запомнить гайдлайны, как с ними работают практикующие дизайнеры и как будут учиться студенты.
➊ Как запомнить гайдлайны?
На самом деле, не надо их запоминать. Чем больше делаешь макетов, тем чётче приходит осознание, что ты уже и так всё знаешь. Тем более что вряд ли будешь собирать макет прямо с нуля: у всех со временем появляются наработки, которые можно переиспользовать снова и снова в своих проектах.
На курсе мы будем делать все экраны приложения, поэтому волей-неволей часть китов уже запомнится. А ещё останется UI Kit, который станет подсказкой для будущих проектов.
Знание гайдлайнов — это как бег. Одной теоретической базы мало, надо именно бегать — делать макеты каждый день.
➋ Нужно ориентироваться и в Material Design, и в Human Interface одновременно?
Это будет зависеть от того, куда идти работать. В некоторых продуктах все экраны делают под iOS, а под Android отрисовывают только самое главное. Есть приложения, которые так популярны на Android, что там и макеты в основном андроидные. В студиях важно знать обе платформы, потому что заказы обычно на обе платформы.
Для джуна или мидла знание гайдов для обеих платформ — огромное преимущество при трудоустройстве.
➌ Как будет устроена работа с гайдлайнами на курсе?
Сначала мы обсудим их, посмотрим, что там есть и на основные отличия. А потом будем активно использоваться в своих проектах. Не устану говорить, что в макетах главное — практика и постоянство. Нужно делать, делать и делать.
Я обычно отрисовываю весь дизайн под iOS, а потом уже быстренько, когда всё зафиналено, доделываю Android. Если студент сейчас пользуется Android и для него это привычнее, то можно сначала сделать под эту платформу, а потом — iOS.
→ 10 октября, в 19:00, пройдет портфолио-ревью, где Аня вместе с коллегами из Ozon Fintech даст обратную связь на 20 работ. Мы уже получили 10 работ, осталось еще 10 мест. Форма для отправки и регистрация по ссылке.
🔥5👍4
ϟ Через час начнется «Портфолио-ревью: мобильный интерфейс»
Аня Матвеева, старший дизайнер Ozon Fintech и преподавательница на курсе «Дизайн мобильных приложений», вместе с коллегами даст обратную связь на 20 работ. Есть еще несколько мест для ваших кейсов, отправляйте до старта эфира.
Даже если у вас пока нет проектов с мобильным интерфейсом, приходите посмотреть на удачные решения и ошибки других. Эксперты уделят внимание не только дизайну, но и организации слоев и компонентов — все, на что обращают внимание при трудоустройстве.
→ Форма для работ и регистрация по ссылке.
Аня Матвеева, старший дизайнер Ozon Fintech и преподавательница на курсе «Дизайн мобильных приложений», вместе с коллегами даст обратную связь на 20 работ. Есть еще несколько мест для ваших кейсов, отправляйте до старта эфира.
Даже если у вас пока нет проектов с мобильным интерфейсом, приходите посмотреть на удачные решения и ошибки других. Эксперты уделят внимание не только дизайну, но и организации слоев и компонентов — все, на что обращают внимание при трудоустройстве.
→ Форма для работ и регистрация по ссылке.
❤11
Новый партнер курса «Продуктовый дизайн-лидер»
Партнеры курса — компании, которые делятся брифом из своей практики, а их руководители и продакт-менеджеры становятся наставниками студентов. Мы уже рассказали о Lamoda и Учи.ру в прошлом посте, сегодня — об App in the Air.
✦ App in the Air — персональный менеджер путешествий, который зарегистрирует на рейс, сообщит о любых изменениях и оповестит близких о статусе полёта.
Для пользователей США и Европы запущен сервис бронирования билетов и отелей. На этих рынках сервис позиционирует себя как The Go-To Travel App, потому что покрывает все этапы путешествия: от планирования до статистики перелетов.
→ Курс стартовал 10 октября, но вы можете присоединиться до 17 октября. Программа обучения и регистрация — по ссылке.
Партнеры курса — компании, которые делятся брифом из своей практики, а их руководители и продакт-менеджеры становятся наставниками студентов. Мы уже рассказали о Lamoda и Учи.ру в прошлом посте, сегодня — об App in the Air.
✦ App in the Air — персональный менеджер путешествий, который зарегистрирует на рейс, сообщит о любых изменениях и оповестит близких о статусе полёта.
Для пользователей США и Европы запущен сервис бронирования билетов и отелей. На этих рынках сервис позиционирует себя как The Go-To Travel App, потому что покрывает все этапы путешествия: от планирования до статистики перелетов.
→ Курс стартовал 10 октября, но вы можете присоединиться до 17 октября. Программа обучения и регистрация — по ссылке.
❤🔥10👍1
О сайте Amway for future от Redis.Agency
Задали четыре вопроса о процессе работы над сайтом Славе Шейкину, лиду Webflow-отдела Redis.Agency и преподавателю на курсе «Webflow: как создать сайт без кода».
➊ Какая была задача?
Это такой проект, который должен был реализовать в жизнь общий бренд благотворительного фонда со всеми его направлениями.
➋ Какие были сложности?
Сделать горизонтальный скролл и добавить в него анимации. Пара дней точно ушла на то, чтобы понять, будут ли работать якорные ссылки и анимации, будет ли все работать на нужных устройствах.
➌ Чем гордишься в проделанной работе?
Тем, что не сделали корпоративный отчет скучным. Не побоялись сделать горизонтальный скролл и нарисовали классные иллюстрации для каждого из оглавлений.
➍ Сколько заняла работа?
Один месяц.
→ Если вы тоже хотите научиться пользоваться ноу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.
Задали четыре вопроса о процессе работы над сайтом Славе Шейкину, лиду Webflow-отдела Redis.Agency и преподавателю на курсе «Webflow: как создать сайт без кода».
➊ Какая была задача?
Это такой проект, который должен был реализовать в жизнь общий бренд благотворительного фонда со всеми его направлениями.
➋ Какие были сложности?
Сделать горизонтальный скролл и добавить в него анимации. Пара дней точно ушла на то, чтобы понять, будут ли работать якорные ссылки и анимации, будет ли все работать на нужных устройствах.
➌ Чем гордишься в проделанной работе?
Тем, что не сделали корпоративный отчет скучным. Не побоялись сделать горизонтальный скролл и нарисовали классные иллюстрации для каждого из оглавлений.
➍ Сколько заняла работа?
Один месяц.
→ Если вы тоже хотите научиться пользоваться ноу-код инструментом на продвинутом уровне, присоединяйтесь к курсу «Webflow: как создать сайт без кода». Старт — 15 ноября.
🔥16👍1
Media is too big
VIEW IN TELEGRAM
В этом году школе исполняется семь лет. За последние месяцы с нами произошло больше изменений, чем за все годы существования. В феврале мы отказались от нашего названия Bang Bang Education, понимая, какими точно быть не хотим. Теперь новый этап — самоопределение.
Наша главная ценность — это поддерживающее профессиональное сообщество. Школа состоит из множества голосов, и именно это мы хотим отразить в новом названии.
Приглашаем вас создать его вместе с нами — придумайте расшифровку аббревиатуры BBE, которая отражает ваши ценности, цели, мечты — на любом языке.
Любое количество вариантов вы можете предложить по ссылке ниже до 26 октября. Наша команда выберет несколько названий, которые станут частью нового бренда. Их авторы получат годовую подписку на «Дизайн-библиотеку», а тот, в чей вариант мы влюбимся, — место на любом интенсиве BBE.
→ Предложить название.
Наша главная ценность — это поддерживающее профессиональное сообщество. Школа состоит из множества голосов, и именно это мы хотим отразить в новом названии.
Приглашаем вас создать его вместе с нами — придумайте расшифровку аббревиатуры BBE, которая отражает ваши ценности, цели, мечты — на любом языке.
Любое количество вариантов вы можете предложить по ссылке ниже до 26 октября. Наша команда выберет несколько названий, которые станут частью нового бренда. Их авторы получат годовую подписку на «Дизайн-библиотеку», а тот, в чей вариант мы влюбимся, — место на любом интенсиве BBE.
→ Предложить название.
👍15❤13
«Никакого управления силой мысли»: студентки годовой программы о живой встрече со стейкхолдерами
Третья ступень годовой — групповая работа над финальным проектом. Команда выбрала бриф «Моторики» — компании, которая занимается исследованием и разработкой протезов.
Задача — создать прототип и редизайн существующего приложения Motorica Start. Цель — сделать настройки более гибкими и предусмотреть случаи, когда используется сразу несколько протезов.
→ Открыт набор на восьмой поток годовой программы «UX/UI: дизайн цифровых продуктов». Присоединяйтесь, чтобы начать свой путь в продуктовом дизайне!
Третья ступень годовой — групповая работа над финальным проектом. Команда выбрала бриф «Моторики» — компании, которая занимается исследованием и разработкой протезов.
Задача — создать прототип и редизайн существующего приложения Motorica Start. Цель — сделать настройки более гибкими и предусмотреть случаи, когда используется сразу несколько протезов.
→ Открыт набор на восьмой поток годовой программы «UX/UI: дизайн цифровых продуктов». Присоединяйтесь, чтобы начать свой путь в продуктовом дизайне!
🔥22
ϟ Бесплатный вебинар «Научиться думать, как в Google»
Как за неделю решить сложные проблемы внутри любой компании? Google взял лучшее от Agile, Design Thinking и Product Mindset и создал свой фреймворк — Google Design Sprint. Весь спринт занимает до пяти дней: от сбора команды до тестирования готового прототипа на пользователях.
На вебинаре вы углубитесь в теорию Google Design Sprint и узнаете о профессии «Дизайн cпринт-мастера»: как они создают условия для продуктивного брейншторма и быстро тестируют продукт для запуска проекта.
→ Вебинар пройдет 16 ноября в 19:00. Регистрация по ссылке.
Как за неделю решить сложные проблемы внутри любой компании? Google взял лучшее от Agile, Design Thinking и Product Mindset и создал свой фреймворк — Google Design Sprint. Весь спринт занимает до пяти дней: от сбора команды до тестирования готового прототипа на пользователях.
На вебинаре вы углубитесь в теорию Google Design Sprint и узнаете о профессии «Дизайн cпринт-мастера»: как они создают условия для продуктивного брейншторма и быстро тестируют продукт для запуска проекта.
→ Вебинар пройдет 16 ноября в 19:00. Регистрация по ссылке.
👍7❤3
5 частых ошибок в мобильном интерфейсе
На прошлой неделе провели портфолио-ревью, где эксперты из Ozon Fintech дали обратную связь на кейсы участников. Вместе с Аней Матвеевой, преподавательницей на курсе «Дизайн мобильных приложений», собрали список самых частых ошибок.
➊ Неразрывные пробелы и кавычки-елочки
Почти все забывают ставить неразрывные пробелы, поэтому в текстах много висячих предлогов. Чтобы поставить неразрывный пробел, используйте сочетание Option + Space на Mac, а на Windows — Shift + Ctrl + Space. Плюс не забываем, что в текстах на русском языке ставим кавычки-елочки («»), а не лапки (“”).
➋ Полупробелы
В приложениях, связанных с финансами или с какими-нибудь баллами, повторяется одна и та же ошибка: сумму от значка валюты и балла должен отделять не пробел, а полупробел, или узкий пробел. Так строка не будет разваливаться.
➌ Онбординг
Казалось бы, просто три экрана, которые пользователь увидит лишь раз, что там такого. Но уже на этом этапе бывают ошибки.
Например, слишком длинные тексты — пользователь просто не будет вчитываться. Картинки должны хорошо поддерживать текст, объяснять его или быть нереально залипательными. Часто страдает навигация — неочевидно, что надо, например, свайпнуть. Вместо этого можно добавить кнопку «Далее» и оставить шанс закрыть онбординг на любом этапе.
А ещё на последнем экране неплохо бы дать ссылку на более подробные условия и тарифы, если в вашем продукте такое есть. Так самый читающий и требующий информации пользователь тоже останется доволен.
➍ Текстовые стили
У многих теряется иерархия заголовков. Лучше сразу создавать текстовые стили и использовать их в макете, так мы с самого начала исключим ошибку. А еще это облегчит работу разработчиков.
➎ Корнер кейсы
Экраны с ошибкой проработаны у многих, но вот пустые экраны отсутствуют. Например, вы работаете над интернет-магазином, где можно добавлять что-то в избранное. Но пользователи ещё не успели ничего добавить и зашли в раздел «Избранное». Для таких случаев должна быть какая-то картинка-заглушка и пояснение, что здесь появятся товары, которые они отметят сердечком.
Ещё не проработаны состояния, когда очень много или, наоборот, очень мало информации. Например, оглавление может быть пустым, может состоять из 10 пунктов, а может — из 100. А в кейсах я вижу только из 10.
→ Курс «Дизайн мобильных приложений» уже стартовал, но вы еще можете присоединиться до 20 октября включительно со скидкой 30%.
На прошлой неделе провели портфолио-ревью, где эксперты из Ozon Fintech дали обратную связь на кейсы участников. Вместе с Аней Матвеевой, преподавательницей на курсе «Дизайн мобильных приложений», собрали список самых частых ошибок.
➊ Неразрывные пробелы и кавычки-елочки
Почти все забывают ставить неразрывные пробелы, поэтому в текстах много висячих предлогов. Чтобы поставить неразрывный пробел, используйте сочетание Option + Space на Mac, а на Windows — Shift + Ctrl + Space. Плюс не забываем, что в текстах на русском языке ставим кавычки-елочки («»), а не лапки (“”).
➋ Полупробелы
В приложениях, связанных с финансами или с какими-нибудь баллами, повторяется одна и та же ошибка: сумму от значка валюты и балла должен отделять не пробел, а полупробел, или узкий пробел. Так строка не будет разваливаться.
➌ Онбординг
Казалось бы, просто три экрана, которые пользователь увидит лишь раз, что там такого. Но уже на этом этапе бывают ошибки.
Например, слишком длинные тексты — пользователь просто не будет вчитываться. Картинки должны хорошо поддерживать текст, объяснять его или быть нереально залипательными. Часто страдает навигация — неочевидно, что надо, например, свайпнуть. Вместо этого можно добавить кнопку «Далее» и оставить шанс закрыть онбординг на любом этапе.
А ещё на последнем экране неплохо бы дать ссылку на более подробные условия и тарифы, если в вашем продукте такое есть. Так самый читающий и требующий информации пользователь тоже останется доволен.
➍ Текстовые стили
У многих теряется иерархия заголовков. Лучше сразу создавать текстовые стили и использовать их в макете, так мы с самого начала исключим ошибку. А еще это облегчит работу разработчиков.
➎ Корнер кейсы
Экраны с ошибкой проработаны у многих, но вот пустые экраны отсутствуют. Например, вы работаете над интернет-магазином, где можно добавлять что-то в избранное. Но пользователи ещё не успели ничего добавить и зашли в раздел «Избранное». Для таких случаев должна быть какая-то картинка-заглушка и пояснение, что здесь появятся товары, которые они отметят сердечком.
Ещё не проработаны состояния, когда очень много или, наоборот, очень мало информации. Например, оглавление может быть пустым, может состоять из 10 пунктов, а может — из 100. А в кейсах я вижу только из 10.
→ Курс «Дизайн мобильных приложений» уже стартовал, но вы еще можете присоединиться до 20 октября включительно со скидкой 30%.
👍20❤10💩2
Media is too big
VIEW IN TELEGRAM
7 ноября — старт курса «Дизайн-мышление: от исследования к концепции продукта». Алина Ермакова, UX Lead в SberDevices и преподавательница на курсе, рассказывает о методологии, лекциях и проектах, которыми будут заниматься студенты.
→ Программа и регистрация на курс.
→ Программа и регистрация на курс.
❤9
Новые курсы и интенсивы для UX/UI-дизайнеров
✦ Journey Management: исследуем пользователей
Узнаете, как найти и понять своего пользователя. Рассмотрите весь процесс journey mapping: от постановки целей и выбора типа карты до выводов и решений по продукту.
16 января • 1 месяц
✦ Профессия Дизайн-спринт мастер
Классический Google Design Sprint состоит из 6 этапов и занимает 5 дней. Каждый спринт уникален: спринт-мастер адаптирует метод в зависимости от задачи. Результат спринта — готовый Roadmap и план работ для команды. На интенсиве вы изучите саму метологию и закрепите ее практике.
10 декабря • 3 дня
✦ Journey Management: исследуем пользователей
Узнаете, как найти и понять своего пользователя. Рассмотрите весь процесс journey mapping: от постановки целей и выбора типа карты до выводов и решений по продукту.
16 января • 1 месяц
✦ Профессия Дизайн-спринт мастер
Классический Google Design Sprint состоит из 6 этапов и занимает 5 дней. Каждый спринт уникален: спринт-мастер адаптирует метод в зависимости от задачи. Результат спринта — готовый Roadmap и план работ для команды. На интенсиве вы изучите саму метологию и закрепите ее практике.
10 декабря • 3 дня
❤9❤🔥4
Курсы, гайды, фильмы — бесплатное все
Мы верим, что знания должны быть доступными, и готовы делиться. Сегодня мы открываем новый раздел, в котором собраны все бесплатные материалы школы: курсы с ключевыми навыками, гайды по входу в профессию, полезные статьи и полнометражные фильмы о дизайне.
Если вы заинтересовались одним из направлений BBE, но еще не готовы к полному погружению в учебу, можно познакомиться преподаватель_ницами на бесплатных вебинарах. К тому же, раздел интересен всем, кто сейчас в поиске работы — мы подготовили множество материалов о резюме, сопроводительных письмах и собеседованиях.
→ Учиться бесплатно.
Мы верим, что знания должны быть доступными, и готовы делиться. Сегодня мы открываем новый раздел, в котором собраны все бесплатные материалы школы: курсы с ключевыми навыками, гайды по входу в профессию, полезные статьи и полнометражные фильмы о дизайне.
Если вы заинтересовались одним из направлений BBE, но еще не готовы к полному погружению в учебу, можно познакомиться преподаватель_ницами на бесплатных вебинарах. К тому же, раздел интересен всем, кто сейчас в поиске работы — мы подготовили множество материалов о резюме, сопроводительных письмах и собеседованиях.
→ Учиться бесплатно.
❤19❤🔥3👍2