Онлайн и в формате живых разборов в Германии

От первых шагов в Figma — к осмысленным веб-макетам и портфолио

Hivovela — практическая школа веб-дизайна для русскоязычных взрослых учеников в Германии. Здесь вы не просто смотрите уроки, а собираете реальные макеты, адаптивные страницы и учебные кейсы, которые можно спокойно показывать на рынке Германии. Формат построен вокруг практики, домашних заданий и точного фидбека наставника, чтобы навыки складывались в понятный результат.

Hivovela

Практика на каждом шаге

С первых занятий вы работаете в Figma, а не просто изучаете интерфейс. Каждая тема закрепляется задачей: от простых экранов до связных сценариев и адаптивных страниц.

Фидбек по домашним заданиям

Вы получаете не общие слова, а конкретные рекомендации: что поправить в сетке, где усилить иерархию, как сделать интерфейс чище и удобнее.

Портфолио, которое можно показывать

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

Почему нам доверяют

Переходите от теории к портфолио и рабочим макетам без пустых обещаний.

01

Старт с основ

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

02

Переход к UX-логике

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

03

Сборка адаптивных страниц

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

04

Финализация портфолио

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

Навыки, которые видно в работе

Не абстрактная «уверенность», а ясные артефакты и навык их защищать

Тарифы и формат участия

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

Старт
€290 за модуль

Подходит тем, кто хочет спокойно войти в профессию и пройти базу без перегруза.


  • Доступ к основным урокам и заданиям
  • Проверка ключевых домашних работ
  • Базовый маршрут по Figma и UI/UX
  • Рекомендации по следующим шагам
  • Подходит для самостоятельного темпа
Выбрать Старт
Практика — Оптимальный выбор
€590 за программу

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


  • Все материалы тарифа Старт
  • Регулярные разборы с наставником
  • Фидбек по макетам и адаптивности
  • Помощь в сборке учебных кейсов
  • Поддержка в подготовке портфолио
  • Удобно совмещать с работой
Выбрать Практику
Портфолио PRO
€890 за расширенный трек

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


  • Всё из тарифа Практика
  • Расширенная проверка портфолио
  • Дополнительные сессии по проектам
  • Помощь с формулировкой кейсов
  • Приоритетный фидбек по домашним заданиям
  • Подходит для смены профессии и фриланса
Выбрать Портфолио PRO

Преподаватели

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

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

Анна Кляйн
Ведущий преподаватель по веб-дизайну

Анна Кляйн

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

Михаил Бергер
Преподаватель по Figma и responsive layout

Михаил Бергер

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

Елена Вагнер
Куратор портфолио и проектной логики

Елена Вагнер

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

Курсы

Переходите от теории к портфолио и рабочим макетам без пустых обещаний.

01

Основы Figma

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

Читать далее
02

UI/UX база

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

Читать далее
03

Responsive web layout

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

Читать далее
04

Landing page design

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

Читать далее
05

Design systems basics

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

Читать далее
06

No-code website design

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

Читать далее

Портфолио и учебные кейсы

Работы, которые показывают не только визуал, но и мышление, структуру и аккуратность исполнения.

  • Все проекты
  • Лендинги
  • UI/UX
  • Адаптивные страницы
  • No-code
Макет лендинга образовательного сервиса на экране ноутбука
Лендинг

Лендинг для образовательного сервиса

Интерфейс платформы записи на консультации в Figma
UI/UX

Платформа записи на консультации

Адаптивная страница сервиса в трёх разрешениях
Адаптивность

Адаптивная страница для локального сервиса

Портфолио-сайт в no-code сборке на рабочем экране
No-code

No-code сайт для портфолио специалиста

Редизайн главной страницы B2B-продукта с сеткой и блоками
UI/UX

Редизайн главной страницы B2B-продукта

Лендинг онлайн-курса с ярким hero-блоком
Лендинги

Лендинг для онлайн-курса

Промо-сайт услуг, открытый на разных устройствах
Responsive

Адаптивный промо-сайт услуг

Посадочная страница фриланс-пакета в no-code редакторе
No-code

No-code посадочная страница для фриланс-пакета

Наша миссия

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

Hivovela

8 модулей

в основной программе

2 раза в неделю

живые разборы и поддержка

84%

учеников отмечают рост уверенности в макетах

6–10 недель

типичный темп прохождения блоков

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

Учиться веб-дизайну проще, когда есть структура

Переходите от теории к портфолио и рабочим макетам без пустых обещаний.

Понятный маршрут без лишней теории
Для тех, кто начинает с нуля

Понятный маршрут без лишней теории

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

  • Освоение Figma, слоёв, компонентов и быстрых рабочих приёмов
  • Пошаговое знакомство с UI/UX без перегруза терминологией
  • Каждая тема сразу закрепляется практическим заданием
Собрать портфолио под реальные ожидания рынка
Для смены профессии

Собрать портфолио под реальные ожидания рынка

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

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

Усилить качество макетов и скорость работы

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

  • Responsive layout и базовые design systems для стабильной сборки
  • No-code подходы для тех, кому важно быстрее доводить проект до запуска
  • Практика на учебных кейсах, близких к коммерческим задачам
Логотип студии цифровых продуктов
Логотип локального e-commerce проекта
Логотип B2B SaaS-команды
Логотип образовательной платформы
Логотип сервисной компании
Логотип дизайн-агентства
Логотип стартапа из Германии
Логотип продуктовой команды

FAQ

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

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

Контакты

С какого уровня можно начинать обучение?

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

Сколько длится программа?

Длительность зависит от выбранного маршрута: отдельные модули можно пройти за 1–3 недели, а полноценный bootcamp занимает несколько недель с регулярной практикой. Темп можно адаптировать под занятость, если вы совмещаете обучение с работой.

На каком языке проходят занятия?

Обучение ведётся на русском языке, с ориентиром на русскоязычных взрослых учеников в Германии. Термины из веб-дизайна мы объясняем простым языком и при необходимости расшифровываем на практике.

Что входит в домашние задания?

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

Как проходит обратная связь наставника?

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

Можно ли совмещать курс с работой?

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

Подойдёт ли курс, если я никогда не работал(а) в Figma?

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

Что будет в портфолио после обучения?

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

Чем отличаются тарифы?

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

Как проходит запись на курс?

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

Есть ли офлайн-формат в Altentreptow?

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

Насколько курс ориентирован на рынок Германии?

Очень плотно. Мы смотрим на структуру портфолио, подачу работ и качество макетов с учётом того, как обычно оценивают junior-уровень и проектную аккуратность на рынке Германии.

Как устроено обучение

Четыре опорных этапа, которые помогают пройти путь от первого экрана до готовой проектной подачи.

Сначала выстраиваем фундамент

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

2 недели на освоение базы
4–6 первых учебных экранов
  • Настройка рабочего пространства и файлов
  • Первый экран с понятной сеткой
  • Быстрые упражнения на закрепление
Начать с базы

Учимся думать через задачу пользователя

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

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

Переход к responsive-макетам

Вы учитесь работать с сетками, отступами, перестроением блоков и базовыми design systems. Это помогает не ломать макет при изменении контента и собирать страницы, которые выглядят собранно на desktop, tablet и mobile.

3 экрана desktop, tablet, mobile
12+ практических приёмов
  • Responsive layout без хаоса
  • Компоненты и повторяемые элементы
  • Проверка устойчивости макета
Смотреть адаптивность

Упаковываем результаты в портфолио

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

3–5 кейсов в финальной подборке
1 пакет структурированного портфолио
  • Отбор лучших работ для показа
  • Редактура описаний и визуальной подачи
  • Подготовка к самостоятельной презентации
Собрать портфолио

Контакты

Напишите нам о

Адрес

Hans-Dietrich-Hein-Weg 5, 61645 Altentreptow, Germany

Электронная почта

[email protected]

Телефон

+499726241769

Пн–Пт: 09:00–18:00

Пн–Пт: 10:00 – 19:00
Сб: 11:00 – 15:00

Связаться с нами

Напишите нам о