«Web-дизайн»
онлайн-курс дизайну для підлітків
Навчимо створювати дизайни зручних інтерфейсів для сайтів та мобільних додатків з нуля, створити портфоліо та заробити перші гроші.
hero-img
parallax parallax parallax
Вік 13-17 років
Формат Онлайн +
запис уроків
Старт Щомісяця
Тривалість 9 місяців /
72 уроки
Розклад 2 рази/тиждень
Рiвень з нуля
Інвестиція у професію майбутнього
investment
Першість на ринку праці
Кваліфікований дизайнер — цінний кадр у сучасному світі ,адже саме з веб-дизайнера розпочинається будь-який сайт чи додаток. Веб-дизайнер - це чарівник, який створює зовнішній вигляд сайту та робить його зручним.
investment
Зарплата від 700$
Чим більше досвіду, тим вище заробіток. Об'єм напрацювань та низка готових проєктів допоможуть обійти конкурентів та обрати найкрутіших замовників.
investment
Свобода та мобільність
Можливість вибирати місце та формат роботи. Досвідчений спеціаліст може працювати не лише в офісі, а й віддалено — або ж самостійно шукати проєкти на фрілансі.
Запишіться на безкоштовне пробне заняття з web-дизайну для підлітків
Дитина створить свій перший
проєкт в професійній програмі
та зрозуміє чи цікавий для неї
цей напрямок
media

    media
    Дитина буде у захваті…
    advantage
    Створювати
    круті інтерфейси
    advantage
    Втілювати
    свій творчий потенціал у життя
    advantage
    Освоювати
    професійний інструмент Figma
    advantage
    Працювати
    з кольорами, шрифтами та композицією
    advantage
    Бути
    частиною крутого ком’юніті
    Окрім дизайну, навчимо:
    teach
    Працювати в команді
    Щоб одночасно розвивати і лідерські якості, і вміння домовлятись з колективом.
    teach
    Планувати час та ставити цілі
    Щоб раціонально розподіляти час для навчання, хобі та відпочинку; усвідомлювати свої можливості та будувати план для досягнення успіху.
    teach
    Фінансовій грамотності
    Для того, щоб побудувати міцний фундамент стабільності та сформувати правильне ставлення до грошей і шляхів їх заробітку.
    teach
    Креативно мислити
    Щоб у всі свої справи вносити родзинку неповторності та оригінальності.
    teach
    Презентувати себе та свої проєкти
    Аби не боятись спілкуватись з людьми, почуватись впевнено та заявляти про себе як про професіонала у своїй ніші.
    teach
    Складати CV та знаходити замовлення
    Аби привернути увагу роботодавця, підкреслити свої таланти та добре орієнтуватись на фріланс-платформах.
    Вам точно потрібен курс, якщо дитина:
    • Творча, обожнює креативити
    • Багато часу проводить за комп’ютером
    • Знаходиться в пошуку однодумців
    • Мріє заробити перші кошти та бути затребуваним спеціалістом
    • Хоче працювати в IT
    Хочу на безкоштовний урок
    definitely
    Бажаєте отримати додаткову інформацію?
    Наш менеджер вже чекає на ваші питання :)
    Залиште заявку, щоб дізнатись подробиці.
    media

      Програма курсу
      «Web-дизайн»
      01.
      Модуль 1. Вступ у Web-design
      5 уроків

      • Базові інструменти Figma
      • Сітка у Web. Розміри екранів девайсів
      • Типографіка. Кегль, накреслення, інтерліньяж

      • Базові кнопки. Fill Button та Ghost button. Стани кнопок (default, hover, disable)
      • Види сайтів та принципи гарного інтерфейсу (Landing Page, сайти-візитки, багатосторінкові сайти, e-com)
      02.
      Модуль 2. Landing Page
      6 уроків

      • Структура Landing Page. AIDA, PMPHS
      • Сітки у Web. Вертикальний ритм. Модульна сітка
      • Перший екран Landing Page. Header

      • Soft Skills. Командоутворення. Командні ролі
      • Другий та третій екран Landing Page
      • Четвертий екран Landing Page та Footer
      03.
      Модуль 3. Референси та візуальне оформлення сайтів
      4 уроки

      • Референси (Pinterest, Behance, Dribbble) та безкоштовні стоки, сервіс для створення векторних зображень (Sapiens)
      • Колористика. Підбір та поєднання кольорів за допомогою круга Іттена

      • Композиція. Використання декоративних елементів (додаткові плашки, лінії, геометричні фігури і т.п.)
      • Іконки. Векторні та растрові іконки
      04.
      Модуль 4. Багатосторінковий сайт. Просунуті інструменти Figma
      6 уроків

      • Структура сайту
      • Soft Skills. Командоутворення. Командна гра
      • Wireframe сторінок

      • Головна сторінка багатосторінкового сайту
      • Компоненти у Figma. Внутрішні сторінки
      • Вкладеність сторінок. Autolayout
      05.
      Модуль 5. Анімація інтерфейсу
      5 уроків

      • Клікабельний прототип. Тригери анімації
      • Кнопки просунуті
      • Soft Skills. Тайм-менеджмент

      • Базова анімація інтерфейсу
      • Анімація просунута, smart анімації
      06.
      Модуль 6. Адаптив багатосторінкового сайту
      2 уроки

      • Адаптація під Mobile. Адаптація меню та головної сторінки
      • Адаптація під Mobile-2. Адаптація внутрішніх сторінок
      07.
      Модуль 7. UX
      4 уроки

      • Usability
      • User flow. Сценарії шляху користувача на сайті

      • Цільова аудиторія сайту
      • Soft Skills. Цілепокладання
      08.
      Модуль 8. Форми, pop-up
      3 уроки

      • Поля для вводу та форми, найпростіші поля для вводу (input)
      • Pop-up
      • Поля для вводу та форми-2 (випадаючі списки, checkbox, radio button)
      09.
      Модуль 9. Сайти E-commerce
      8 уроків

      • Домашня сторінка сайту та Header в e-com
      • Каталог товарів, розвідні сторінки
      • Фільтри пошуку
      • Картка товару

      • Soft Skills. Фінансова грамотність: про гроші. Криптовалюта
      • Кошик товарів
      • Особистий кабінет в e-com
      • Footer в e-com
      10.
      Модуль 10. Адаптив e-com
      7 урокiв

      • Адаптація Header і головної сторінки сайту e-com під Mobile
      • Адаптація каталогу товарів e-com під Mobile
      • Адаптація картки товару під Mobile
      • Адаптація кошику під Mobile

      • Адаптація особистого кабінету
      • Soft Skills. Фінансова грамотність: особистий бюджет
      • Фіналізація макетів. Форма вхід-реєстрація
      11.
      Модуль 11. Креативні сайти
      5 уроків

      • Види скролу. Сайти у вигляді слайдів та сайти з горизонтальним скроллом. Awwwards
      • Креативні рішення для зображень та іконок. Креативні шрифти
      • Сучасні тренди у дизайні

      • Анімація скролу. Parallax ефект
      • Адаптив креативного Landing Page під Mobile
      12.
      Модуль 12. Передача проєкту на верстку. Спілкування з розробниками
      4 уроки

      • UI-Kit
      • Створення 404 сторінки, favicon та preloader

      • Soft Skills. Креативне мислення
      • ТЗ для розробника від дизайнера. Front-end та back-end
      13.
      Модуль 13. Спілкування із замовником. Бриф
      2 уроки

      • Бриф на розробку сайту
      • Внесення правок. Затвердження від замовника
      14.
      Модуль 14. Портфоліо та CV
      8 уроків

      • Створюємо простий кейс Landing Page для Behance
      • Mockup у кейсах
      • PSD Mockup
      • Створюємо кейс e-com сайту для Behance

      • Превью для кейсів
      • Soft Skills. Комунікація в онлайн/офлайн середовищах
      • Анімація сайту на Behance
      • CV. Креативні та дизайнерські CV
      15.
      Модуль 15. Фінальна презентація
      3 уроки

      • Soft Skills. Самопрезентація
      • Презентації у Figma
      • Презентація фінального проєкту
      Допоможемо подолати маршрут від стартового уроку до власного портфоліо
      Ми розробили ідеальне комбо, щоб наші учні хотіли прийти до фінішу
      help
      Підтримка викладача
      Можна задавати будь-які питання у чаті Telegram, якщо дитина не наважилась просити допомогу на уроці.
      help
      Особистий кабінет
      Зручний навчальний простір, який може бути прямо в кишені! Наша навчальна платформа це і сайт, і зручний мобільний додаток в якому розміщені додаткові матеріали по курсу. Це місце, де будуть зберігатись всі домашні завдання та записи уроків, щоб їх можна було переглянути і закріпити інформацію.
      help
      Маленькі групи
      Набираємо команди до 15 учнів, щоб лектор міг приділити належну увагу кожній дитині.
      help
      Конкурс та подарунки
      Учні, які презентують найкращі фінальні проєкти, отримають подарунки від школи DarwinLand.
      help
      Сервіс турботи
      Для всіх наших учнів та їх батьків у нас функціонує сервіс турботи який завжди допоможе у вирішенні будь-яких запитань.
      help
      Бонусні матеріали
      Спеціально для наших учнів ми розробили низку бонусних матеріалів, які допоможуть швидше опанувати web-дизайн та розвинути особисті якості.
      Як проходить навчання?
      20%
      Теорії про основні інструменти роботи
      10%
      Опанування Soft Skills
      70%
      Практичних робіт в онлайн разом з учителем
      Отримайте інфо про
      вартість та знижки
      Щоб забронювати місце на курсі до
      старту навчання.
      Старт курсу: щомісяця
      Вільних місць: 12

        Бонуси для наших студентiв
        bonus
        Урок в подарунок - “Складання та оформлення сучасного CV”
        bonus
        Список джерел по пошуку фріланс-замовлень та вакансій для дизайнерів
        bonus
        PDF-файл з англійською термінологією для роботи
        bonus
        Все про шрифти. Топ корисних ресурсів для завантаження шрифтів
        bonus
        Гарячі клавіші у Figma
        Хто ми такі?
        about-img

        Великі мрійники. Бо точно знаємо, що з крихітних ідей виростають чималі справи.

        Якщо не забракне сміливості втілити їх у життя.

        Команда школи — це група викладачів та спеціалістів різних професій. Створюємо курси, з якими молодь опановує не лише професійні вміння (Hard Skills), а й універсальні навички (Soft Skills) для життя і роботи.

        Навчання з DarwinLand — ігрова адаптація до дорослого життя. Ми підтримуємо учнів на кожному етапі і допомагаємо з вибором напряму майбутньої професії. Наша мета — не N-кількість сертифікатів, а реальний відсоток щасливих випускників.

        Топ-6 батьківських запитань
        Де застосовують web-дизайн?
        Веб дизайн потрібен для створення сайтів, веб-застосунків та веб-інтерфейсів.
        Що вмітиме дитина після закінчення курсу?
        Після закінчення курсу учень: вивчить всі інструменти Figma; дізнається як прискорити роботу в Figma; вивчить сучасні техніки та прийоми дизайну; навчиться підбирати правильні кольори та шрифти для сайтів; створить власні лендінги та багатосторінкові сайти; навчиться адаптувати під будь-який мобільний пристрій, будь-який сайт; зрозуміє, як домовлятися із замовником; дізнається як складати бриф із замовником; навчиться створювати Wireframes; навчиться створювати мапу сайту; створить своє портфоліо дизайнера.
        Чи зможе дитина поєднувати заняття із навчанням у школі?
        Звісно! Навчання в DarwinLand покликане розкрити таланти вашої дитини, збагатити новими знаннями та емоціями, а не забрати весь вільний час. Ми розуміємо, що у кожного учня ще є школа, репетитори та інші справи, саме тому наші заняття проходять у зручний час, а наші менеджери допомагають батькам обрати найкращий варіант, щоб часу вистачало на все і дитина не була завантажена всім та одразу.
        Як мені оцінити проміжні результати дитини?
        Щомісяця наш сервіс турботи буде відправляти вам report card в якій ви знайдете таку інформацію: кількість відвіданих уроків, кількість виконаних домашніх завдань, загальну кількість балів та коментар від викладача конкретно про вашу дитину. А якщо у вас виникнуть додаткові запитання наші менеджери залюбки вам у всьому допоможуть та нададуть всю необхідну інформацію.
        Чи отримає дитина сертифікат, якщо пропустила заняття?
        Наш сертифікат - це знак якості, саме тому учні, які пройшли повний курс та виконали 80% домашніх завдань отримують сертифікат з поміткою “успішно закінчив курс”, учні які виконали менше 80% домашніх завдань отримують сертифікат з поміткою “прослухав курс”. Учні, які не пройшли повий курс не отримують сертифікат.
        Які мінімальні параметри ПК необхідні для курсу?
        Працювати можна з будь-якого компʼютера чи ноутбука. Обов’язково потрібен доступ в Інтернет. Працювати можна через браузер нічого не встановлюючи на компʼютер.