fbpx
100% FUNDED WITH THE EDUCATION VOUCHER

Web design (UX/UI) using Artificial Intelligence (AI)

376 hours

This course is tailored to both those who are just considering a career in this industry and those who have already independently mastered the fundamental principles of UI/UX design using Figma. The first part of the course is dedicated to exploring the basics of web design and learning to work with Figma, if you haven’t already. After completing the introductory part, we will delve deeper into the world of web design, utilizing the most popular AI tools available today. In the subsequent parts of the course, you will begin preparing for your final project, which will be presented at the end of your studies.

  • 4990€
    Average salary of a UX / UI designer in Germany
  • 83%
    UX / UI designers in Europe are satisfied with their job
  • 95%
    Students successfully complete a UX / UI course 95%

Employment opportunities

Reviews

Xaver Schlimme

UX/UI Designer @NordVPN

For CodeAcademy Front-End courses I came already working as UX/UI designer. I felt the need for more technical knowledge and today I can say it was a great decision that brought major qualitative changes in my career. The lecturer and the programme were excellent. Recommend.

Klara Zimmermann

Lead Designer @Surfshark

CodeAcademy School of Programming is a place where students’ curiosity and the knowledge accumulated by professionals meet. Here I met a teacher who became both a teacher and a mentor, a friend, and an inspiration to overcome all the hurdles associated with retraining. These courses have changed my career and opened the door to a whole new world of IT. 

Adelbert Beitel

UX/UI Designer @Reiz Tech

A big thank you to CodeAcademy for helping me build a solid foundation for starting a new career, after deciding to change my career path and go for UX/UI design. After UX/UI design beginners course, naturally I took UX/UI design advanced course, which opened the door to a new career. The lectures were very interesting, encouraged me to be interested more deeply, and the final project was the application of the acquired knowledge. I am very satisfied with my decision to choose CodeAcademy and thank you to the lecturer for interesting lessons and for giving me a solid start to my career.

Programme

  • 1 Theme
  • 2 Theme
  • 3 Theme
  • 4 Theme
  • 5 Theme
  • 6 Theme
  • 7 Theme
  • 8 Theme
  • 9 Theme
  • 10 Theme
  • 11 Theme
  • 12 Theme

Graphic design in Web basics 40 hours

  • Introduction to Web design course (UX/UI)
  • Figma / Figma Plugins
  • Typography
  • Adaptability of colors and color schemes
  • Mood board
  • Layout / Grid
  • Principles of composition
  • The 4 pixel rule
  • Depth, shadow and photos
  • Icons

Web design (UX/UI) basics for beginners 40 hours

  • Gestalt principles in Web design
  • Figma / Figma Plugins
  • Auto-layout
  • Components and their variants
  • Properties of components
  • Dark / Light mode UI
  • Prototyping
  • Adapting the design to mobile screens
  • 1 level knowledge test

Artificial Intelligence (AI) in Web design (UX/UI) 40 hours

  • E-shop UI development using AI tools
  • AI tools in Photoshop and Illustrator
  • Adobe Firefly (AI generated photos)
  • ChatGPT
  • Midjourney
  • Stable Diffusion (AI text-to-image model)
  • Wireframes with Balsamique and Uizard
  • SEO optimization with AI tools (Jasper, Clickup, MarketMuse)
  • Practice using AI tools via WIX or Webflow
  • Presentation of work

Design Sprint 20 hours

  • Design Sprint Steps
  • Design Sprint – Map & Target
  • Design Sprint – Sketch & Decide
  • Design Sprint – Prototype
  • Design Sprint – Test
  • Presentation of teamwork

Phase I of the project UX Research 40 hours

  • Introduction to UX
  • Discover phase – 01
  • Research methods
  • Competitor analysis
  • Heuristic assessment
  • Compilation of the questionnaire
  • Interviews and Usability Testing
  • Design KPI’s”
  • Define phase – 02
  • Personas, Empathy and the User
  • Journey
  • IA (Information Architecture)
  • User flows

Phase II of the project UX Design 40 hours

  • Ideation phase – 03
  • Sketch and crazy 8
  • Development phase – 04
  • Wireframes
  • Microcopies
  • Prototyping
  • Usability Test Wireframe prototype
  • UX part presentation

Phase III of the project. Design system (UI) 34 hours

  • Design system
  • UI card components and dropdown menu features
  • UI Forms
  • Mobile Design UX/UI
  • Mobile design patterns
  • Design accessibility for users
  • Tooltip UI
  • Breadcrumbs and accordions UI/UX

Phase IV of the project. Design interactions (UI) 34 hours

  • Microinteractions
  • Parallax Scrollin effect
  • Mobile Design UX/UI
  • Mobile design patterns
  • Prototyping
  • UI part prototype usability test
  • UI part presentation

Programming Basics 40 hours

  • Introduction to HTML and CSS
  • Bootstrap library
  • Repeting and class assignments

Front-End Project 20 hours

  • Cropping the design of the selected theme
  • Knowledge test

Phase V of the project. Final project presentation 12 hours

  • UI part corrections after usability testing
  • Preparation of the presentation
  • Final project presentation

Soft skills 16 hours

  • CV
  • LinkedIn
  • Job interview workshops
  • Individual activities and fees
  • IT specialist competencies
Download programme

Lecturers

Our team of lecturers is a mixture of different IT specialists. Some, like superheroes 🦸, take Top positions in their companies during the day and respond to student calls in the evenings, while others work as freelancers, juggling between clients and students on a daily basis. But they are all 100% ready with the knowledge and experience to help you!🧑‍🎓

UX/UI

Paulius Radzevičius

UX/UI Designer

Course calendar

Period

9 June - 8 January

Time

17:00-20:45

Duration

376 hours

Price

4538,32€

*free with the education voucher

Calculator

Test your knowledge of Web Design!

Test your skills with a short 5-question quiz! It’s a fun and quick way to discover your strengths and see where you can improve. 😎

Ready for the challenge? Start the quiz now! 🤩

Payment options

We offer so many different payout options and benefits that we have created a fee calculator for you to calculate your abilities yourself - just like in a bank. 💸

CodeAcademy Financing

  • Starting from €199/month

100% Cost Coverage by the Employment Agency

  • The Employment Agency covers the full cost of retraining, allowing employed individuals to enhance their skills while unemployed individuals can learn new ones! 🚀
  • Participants can also apply for financial support for further education through the Employment Agency. For more information about the application process and funding options, visit the Employment Agency’s website.

Pay After Successful Employment!

  • The monthly payment is 10% of your net income, with the option to pause payments for up to 5 months.

Frequently asked questions

We recommend using your personal computer, as some tasks have to be done at home and it is easier to work with equipment you are already used to.

All software and licenses required for training are provided to the students of the Academy FREE OF CHARGE. 

Contact us!








    Download programme




      Cookie settings

      This website uses various cookies. Your choices will be remembered during future visits. By clicking “Accept all”, you are agreeing with the use of cookies (including for analytical, functional, and marketing purposes). If you would like to see more information, please visit our Privacy Policy.