ИНТЕРАКТИВНАЯ
Карта пути Hotel Grand OhDesign
Инструкция по использованию интерактивной карты пути Hotel Grand OHDESIGN
интерактивная карта пути — это карта выхода уроков на курсе, которая поможет тебе не потеряться в уроках и важных домашних заданиях и проведёт тебя за ручку по нашему обучению.

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

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

Просто следуй за картой и догоняй обучение

удачи!✨
карта пути будет пополняться последовательно вниз по мере выхода новых уроков
— урок без домашнего задания
— в уроке есть ОБЯЗАТЕЛЬНОЕ домашнее задание
обязательное домашнее задание
— при наведении на значок с информацией, открывается домашнее задание, которое необходимо сделать
необязательное домашнее задание
— в уроке есть НЕобязательное домашнее задание
домашнее задание по желанию:

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

для сдачи задания — прикрепи файл
в ответе на платформе

для получения обратной связи — поделись своим ответом с твоими одногруппниками в чате «ох-болталка»
и твоей «ох-группе» с куратором под хештегом #охдзкалейдоскоп

Модуль
«Дизайн-мышление»
Мысли как дезигнер
возьмите большую белую простынь, холст или лист, тюбики краски и вместе с медитативным голосом превратите себя в кисть, рисуя собой по вашему холсту

или же просто уединитесь для медитации

поделитесь своими ощущениями в чате или в комментариях на платформе

всем удачи!
— пройти тест https://ohuvideli.ru/grids

— прислать скриншоты сайтов:
  • 3, где колонная сетка
  • 3, где коллажная сетка
  • 3, где модульная сетка

подробнее про вторую часть задания

— определяем виды сетки:

нужно определить сетки разных типов: коллажная, колонная, модульная!

найти их можно тут:
  • awwwards
  • made on tilda
  • landbook
  • one page love
  • minimal gallery
  • pinterest

сайты можно заскринить и добавить в файлик в фигме!

классное расширение для скринов в браузере Google здесь

дедлайн выполнения задания — 24.11 в 23:59 по мск!
Модуль
«Композиция и сетка»
Виды сеток
Поиск клиентов
Модуль
«Поиск клиентов и взаимодействие с ними»
домашнее задание (по желанию):

пополните свою библиотеку несколькими понравившимися мобильными сайтами
Мобильный адаптив
Модуль
«Адаптив»
Модуль
«Секреты быстрой работы»
Автоматический перенос из Figma в Tilda
домашнее задание:

собрать сайт на стандартных блоках, БЕЗ использования Zero Block за 2 часа

* подробное ТЗ выполнения задания
ссылка


время сборки сайта — 2 часа!

для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе

дедлайн до 4 сентября (включительно)
Модуль
«Tilda»
Полезные блоки
Модуль
«Zero Block»
Резиновая
вёрстка
Модуль
«Анимация»
Анимация Pro
Модуль
«Бонусный»
Как дизайнеру расширить спектр своих услуг
Модуль
«Поиск клиентов и взаимодействие с ними»
Юридическая грамотность для веб-дизайнера
домашнее задание:

дедлайн выполнения задания — 13.12 в 23:59 по мск

время проверки задания — до 72 часов

выберите свой уровень и выполните одно из заданий ⬇️

lv 1
для тех, кто видит zero block впервые – повтори за Ромой два блока в видео: домашнее задание
+ главный экран с вашего сайта из предыдущих заданий

lv 2
перенеси в zero block главный экран с вашего сайта из предыдущих заданий
или понравившийся с https://www.awwwards.com
+
перенеси два любых блока на тильду
например: блоки из прошлых дз, либо простое решение с awwwards


❗️ важно: не повторяй сложные эффекты, о которых не говорили в рамках этого урока

* по теме Анимации у нас дальше будет отдельный блок


для сдачи ДЗ прикрепи ссылку на проект в ответе на платформе
Модуль
«Zero Block»
Старт
«Zero Block»
домашнее задание:

сделать задание на выбор:

задание 1. креативно и более практично посмотрите на анимацию и создайте что-то оригинальное, что будет вызывать эмоцию – 4 экрана анимации, а именно:

1. ANIMATION
анимации появления
(Fade IN, IN UP, FADE IN DOWN...)
одну из из тех, которые указаны выше на выбор

2. PARALLAX
2.1 Mouse
2.2 Scroll

3. FIXING

например: пинг-понг

задание 2. найти 4 референса базовой анимации и повторить их в Тильде

✨ для сдачи ДЗ — прикрепите ссылку на проект в ответе на платформе
Модуль
«Анимация»
Базовая анимация
Обзор NFT-площадок. Как из своего дизайна создать NFT-токен
Модуль
«NFT»
SEO и аналитика
Модуль
«SEO и аналитика»
Эмоции через сайт
Модуль
«Эмоции сайт»
Особенности деловой переписки
Модуль
«Английский язык»
Страхи и ограничения дизайнера в работе с зарубежными клиентами
Модуль
«Английский язык»
Модуль
«Tilda»
Структура сайта
Модуль
«Zero Block»
Автоскейл
Модуль
«Tilda»
Почему Тильда
Модуль
«Tilda»
Тильда.
Вступление
Модуль
«Насмотренность»
Мудборд и ассоциации
в веб-дизайне
Модуль
«Анимация»
Step by step анимация
Модуль
«Композиция и сетка»
Линия
Модуль
«Композиция и сетка»
Сетки
Модуль
«Композиция и сетка»
Виды композиции, элементы и их взаимодействие
Модуль
«Дизайн-мышление»
Дизайн-медитация
Основы веб-дизайна
на английском
Модуль
«Английский язык»
Реальный опыт работы с клиентом
Модуль
«Бонус»
Практическое задание с Ромой
Annexx
Модуль
«Модификации
и эффекты»
Нестандартная верстка через код
Модуль
«Модификации
и эффекты»
Модуль
«Поиск клиентов и взаимодействие с ними»
Техники работы
с возражениями
Как проводить переговоры с потенциальными клиентами и продавать им услуги
Модуль
«Поиск клиентов и взаимодействие с ними»
домашнее задание:

дедлайн 23 декабря в 23:59 мск

сделай лонгрид, для этого нужно:

1. сделать дизайн в Figma
2. перенести дизайн в Tilda

* текст ДЗ доступен по кнопке под видео

** в работе можно использовать ЛЮБЫЕ приёмы, цвета, анимацию. также, можно менять текст и добавлять новую информацию

работа, в которой тебе можно всё

✨ для сдачи ДЗ прикрепи 2 ссылки на проект в ответе на платформе (на Figma и на Tilda)
домашнее задание:


дедлайн до 19 декабря 23:59 мск


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

✨ для сдачи ДЗ — прикрепи ссылку на проект в ответе на платформе
домашнее задание: (по желанию)

✨ дедлайн — 25.01 до 23:59 по мск

???? Задача:

1. перейди на сайт opensea.io, на котором можно отследить предстоящие минты NFT-проектов

2. выбери понравившиеся тебе проекты на этих сайтах и подпишитесь на их Discord аккаунты

3. следи за активностью в Discord аккаунтах проектов: как они общаются с аудиторией и как продвигаются


дополнительное задание для самых смелых:
— создай свой собственный Discord сервер
Как продвигать
проект в Discord
Модуль
«NFT»
домашнее задание: (по желанию)

✨ дедлайн — 25.01 до 23:59 по мск

???? Задача:

1. посмотри подборку проверенных каналов, групп, аккаунтов в Twitter, Telegram и Instagram для покупки рекламы

2. попробуй самостоятельно найти в Twitter NFT промо-менеджеров и оценить их профиль: он реальный или накрученный?
Что посеешь, то и пожнёшь: закупка рекламы
Модуль
«NFT»
домашнее задание: (по желанию)

✨ дедлайн — 25.01 до 23:59 по мск

— обрати внимание, что сейчас для использования Twitter из РФ нужен VPN

???? Задача:

1. оформи свой Twitter

2. подпишись на список полезных аккаунтов в Twitter и развивай насмотренность

3. участвуйте в Twitter Spaces
Как продвигать проект
в Twitter: платные
и бесплатные методы продвижения
Модуль
«NFT»
домашнее задание: (по желанию)

✨ дедлайн — 24.01 до 23:59 по мск

???? Задача:

1. зарегистрируйся в Twitter
— обрати внимание, что сейчас для регистрации из РФ нужен VPN

2. зарегистрируйтся в Discord
Основные соцсети
для NFT-проекта
Модуль
«NFT»
домашнее задание:

✨ дедлайн — 24.01 до 23:59 по мск

???? Задача:

— определи для себя, хочешь ли ты масштабировать свое творчество и создавать не единичные арты, а большие генеративные коллекции?

— подумай, сколько человек могло бы работать с тобой в команде?

— кто будут эти люди: дизайнер, разработчик, продюсер?
Как сделать из
NFT бизнес-проект. Команда и бизнес-модель
Модуль
«NFT»
домашнее задание:


✨ дедлайн — 23.02 до 23:59 по мск

???? Задача:

1. зайдите на сайт — https://opensea.io

2. нажмите на раздел «stats»

3. выберите статистика за 7 дней и за 30 дней

4. проанализируйте, какие сейчас коллекции в топе и какие есть тренды на рынке NFT
Обзор рынка NFT: сольные арты и генеративные коллекции
Модуль
«NFT»
домашнее задание: (по желанию)

✨ дедлайн — нет

???? Задача: посмотри сайт по ссылке и подумай какие анимации и эффекты можно было бы на нем применить?


кнопка "посмотреть сайт"
http://nastyajevis.tilda.ws/kamchatka
Работа с Nolim
Модуль
«Модификации
и эффекты»
домашнее задание (по желанию):

1. ознакомься и внимательно изучи ТЗ для презентации
2. задизайни презентацию для вебинара
3. цвета и шрифт можно использовать любые
4. формат — 1280х720
5. обязательно оставь место под окошко для спикера, в правом верхнем углу

кнопка "открыть ТЗ на презентацию"
https://docs.google.com/document/d/1JAuBJ3l2cg68a_Js195RClIml1SV9UW0YE8HpcgSsU0/edit
Модуль
«Бонусный»
Секреты презентаций
домашнее задание:

из простых форм необходимо сделать картину. вы можете найти картину вашего любимого художника или взять наши примеры и повторить
p.s. документ-подсказка «как изобразить эти элементы в Figma» >>

❗️ для сдачи работы прикрепите ссылку на Figma на платформе
Модуль
«Работа в Figma»
Сетки
домашнее задание:

1. Написать список плагинов (минимально - 5 штук), которые вам понравились и которые вы будете использовать в работе.

2. Найти среди плагинов приём, который казался вам сложным, но который теперь вы можете реализовать с помощью фигмы. И написать его. Можно как декоративный так и функциональный.

3. Повторить приём с помощью плагина

4. Прислать скрин установленных плагинов
Модуль
«Работа в Figma»
Плагины
домашнее задание:

после просмотра урока необходимо пройти тест на проверку знаний на платформе, нажав на кнопку «пройти тест»

после прохождения теста прикрепить скрин результата
на платформу
Модуль
«Типографика»
Принципы типографики
домашнее задание:

1. внимательно ознакомься с информацией в уроке, изучи воркбук и ответь на вопросы в воркбуке в практической части ✨

после прохождения теста прикрепить скрин результата на платформу.

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

1. скопировать текст из файла

*для этого перейдите по ссылке и в Фигме нажмите «Duplicate to your drafts»

кнопка — открыть текст сайта

https://www.figma.com/file/222o8gnQafhhP0SDzLyBor/ДЗ?node-id=0%3A1

2. сделайте дизайн для сайта, используя навыки типографики

3. в работе обязательно использовать шрифты только классические — Inter или Gilroy

4. сконцентрируйтесь на удобстве для пользователя

5. Frame на выбор от 1200px до 1400px в ширину, сетка плагин «Grid for Tilda Publishing»

❗️в работе обязательно используем цвет своей группы

❗️❗️картинки/фото/иллюстрации использовать в этом задании запрещено
Модуль
«Типографика»
Приемы типографики
Модуль
«Типографика»
Настроение шрифта
Модуль
«Работа в Figma»
Компоненты
Модуль
«Работа в Figma»
Инструменты ч.2
Модуль
«Работа в Figma»
Инструменты ч.1
Модуль
«Работа в Figma»
Интерфейс
домашнее задание по желанию:

посмотри урок и загляни в доп.материал
с заданием ✨

— обязательно выполни упражнение
по работе со страхами

p.s. данное задание не проверяется куратором, но с радостью обсуждается
в чате, поэтому не забудьте выполнить его и отправить в чат #охдзстрахи
Модуль
«Дизайн-мышление»
Будь свободен как искусственный интеллект
домашнее задание:

после просмотра урока необходимо пройти тест на проверку знаний, нажав
на кнопку «пройти тест»

кнопка «пройти тест»
https://ohuvideli.ru/ohdesign/test2

после прохождения теста прикрепить скрин результата в комментариях
на платформу
Модуль
«Типографика»
Как подбирать шрифты
домашнее задание по желанию:

задание 1. погуляй по ресурсам⬇️

https://kiosk48th.com/collections/interior
https://goop.com/home-decor/c/

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

задание 2.

создайте свои доски на Pinterest с различными эстетиками

делитесь с нами в окошке ответа, что получилось по обоим заданиями и не забывай делиться в чатах
Модуль
«Насмотренность»
Насмотренность
домашнее задание:

✨ дедлайн — 30.01 до 23:59

???? Задача: создай интернет-магазин на выбор: магазин винила, свеч или одежды

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

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


✨ для сдачи ДЗ — прикрепи ссылку на проект в ответе на платформе
Интернет-магазины
Модуль
«Интернет-магазины»
домашнее задание:

✨ дедлайн выполнения задания — 09.02 в 11:59 по мск
✨ время проверки задания — до 48 часов

представь ситуацию:

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

есть нюанс: у клиента никогда не было сайта и нет своего фирменного стиля, он полностью доверяет тебе и ты можешь создать сайт в любом стиле!

и вот ты приступаешь к заданию и тебе необходимо создать макет (дизайн) коммерческого сайта на определенную тему в сжатые сроки

* по кнопке «открыть задание» есть текст для сайта, который составил копирайтер клиента (когда ты откроешь фигму, то увидишь несколько текстов — это темы на выбор, нужно использовать только одну. ты ведь и в жизни можешь выбирать клиентов, верно? ????)

итак, вот уже есть клиент и ТЗ, что же дальше?

ты декомпозируешь задание и получаешь вот такой список задач:

• выбрать понравившуюся тему/текст сайта
• подобрать сайты в подходящей стилистике
• сделать минимальный мудборд (отдел отдельным фреймом прикрепить как минимум 3 референса)
• сделать дизайн-макет лендинга
• сделать адаптивную версию страницы
• сдать его (в рамках задания — прикрепить ссылку в поле ответа на геткурс)

???? Задача: создать макет в Figma для десктопной и адаптивной версий сайта

кнопка: перейти к практическому заданию
https://www.figma.com/file/rKLZua3goQuylQGQjnPG8c/%D0%B4%D0%BE%D0%BC%D0%B0%D1%88%D0%BD%D0%B5%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?node-id=0%3A1&t=Dd0jyjIMPV7AhNzL-1
Модуль
«Личный бренд
и портфолио»
Личный бренд
для дизайнера
домашнее задание:

✨ дедлайн — 19.01 до 23:59
✨ сроки выполнения: 16.01 — 19.01


???? Задача: перенести свой макет из Figma на Tilda

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

✨ дедлайн — 13.01 до 11:59
✨ сроки выполнения: 09.01 — 13.01

???? Задача: разработать макет лонгрида в Figma

в работе можно использовать ЛЮБЫЕ приёмы, цвета, шрифты — буквально всё, что хочется! также можно менять исходный текст и добавлять новую информацию

работа, в которой тебе можно всё

есть два текста на выбор:

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

2. Школа bauhaus.
если хочешь сверстать сайта с 0 и узнать про особый стиль ХХ века, выбирай этот текст

кнопка "перейти к практическому заданию"
https://www.figma.com/file/TJPQr6hrOR4XjGcykzQeap/%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5---%D0%BB%D0%BE%D0%BD%D0%B3%D1%80%D0%B8%D0%B4?node-id=0%3A1&t=kGeg7S2JWZoUxxGm-1
Модуль
«Финальные настройки»
Финальные настройки. Практика часть 1
домашнее задание:

✨ дедлайн — 23.02 до 23:59 по мск

???? Задача: придумай идею своего нфт-токена, опиши её по системе:
— название
— философия
— как выглядит? что делает? (можно представить в виде доступ на пинтерест)
— цена в эфириуме


а теперь, воплоти её в жизнь ✨
— загрузи нфт на одну из нфт площадок
удачи!
NFT
Модуль
«NFT»