Course
UI Design
Online
Learn everything you need to become
UI Designer at a professional level with this intensive course.
In this course, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, as well as introducing yourself to HTML, CSS and WordPress layout.
Start
9 January 2023
Duration
120 Hours / 3 Months
Schedule
Monday to Friday from 19:00 – 21:00
Who is it geared towards?
To take the course it is not necessary to have any previous experience and it is aimed at different types of profiles that we describe.
Unemployed
These courses are perfect if you need to find a job quickly and are passionate about new technologies. Did you know that there is practically no unemployment in this sector?
Recent graduates
After your studies you need to specialize in a specific area to find a good job. Do you want to learn what companies are really looking for?
Entrepreneurs
Are you interested in creating your own StartUp? Our courses will allow you to have all the technical knowledge to create a digital product and manage your own technical team.
Life change
Would you like to turn your professional career around? If you want to change your profession and get a job with a great future, our bootcamps will allow you to do it in a very short time.
Program Management
Our programs are taught by a demanding selection of outstanding professionals in the sector.
francis restoy
Program Director
UX Design professional expert and teacher.
He has been developing projects in various agencies and schools for more than 15 years.
SCHEDULE
The aim of the course is for you to reach a professional level in UI Design.
UI Design
120 Hours / 3 Months
In this module, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, and you will also be introduced to HTML, CSS and WordPress layout.
Fundamentals of Visual Design
• Principles, application of modes and color profiles.
• The color on the web or app. Its use in Sketch, Figma and Adobe XD.
• Principles of typography.
• Application of typography on web and app.
• Use of typography in tools: Sketch, Figma and Adobe XD.
• Basic fundamentals of the UI; Retina export, 8pt grid, etc.
UI Interface Design
• Fundamentals of visual design: use of images and illustration.
• UI basics: retina export, 8pt grid, etc.
• Generation of style guides and UI kit.
• Atomic Design and design systems.
• Creation of components, responsive design and libraries.
• Creation of components, responsive design and libraries (II).
• Creation of Design System repository with Zero Height and DSM.
• UI integration with code and handoffs; Zeplin and InVision.
Prototyping and testing with users
• Screen prototyping with Invision, Sketch and Marvel.
• Prototyping with Figma. Microinteractions with Smart Animate.
• Testing with users.
Prototyping and advanced animation with Principle and ProtoPie.
Web ecosystem and layout
• Different types of servers.
• Understanding web protocols; http, ftp, etc
• Differences between static web and dynamic web.
• HTML code and its function in a web page.
• Head tags in HTML.
• CSS and its role in web design.
• Text editors: Visual Studio Code.
• Basic concepts of web layout.
• Basic concepts of responsive layout.
• Mobile first versus desktop first approaches.
• Flexbox and CSS Grid properties.
Types of apps, APIs and operating systems
• Types of apps: native, hybrid and webapps.
• Advantages and disadvantages of the different types of apps.
• App development languages: Android vs iOS.
• Concept of API and its role in web development.
• Learning Android and iOS patterns.
Introduction to the WordPress CMS
• Defining what a CMS is.
• Advantages and disadvantages of WordPress.
• Installation and startup of a WordPress project.
• General concepts of WordPress.
• Use of WordPress with premium templates.
• Layout landings designed in Figma or Sketch.
• The role of visual layout designers.
• General concepts of the Elementor layout designer.
Responsive layout in Bootstrap
• Review of the concept of grids in web design.
• Responsive layout with frameworks. Bootstrap.
• Mediaqueries for multi-device design with breakpoints.
• Basic web layout with Bootstrap 5 in Visual Studio Code.
• How to export assets from Figma or Sketch to a web.
Development of user tests
• Concepts and validation tools with users.
• Carrying out moderate user tests.
• Testing in remote format.
• Advanced heuristics and PURE method.
Data Driven Design and websites in production
• Knowing the A/B tests and concept tests.
• Fundamental concepts of web analytics and SEO.
Personal portfolio development
• Development of portfolio and personal pages.
• Tools and platforms for the personal profile.
• How to include the projects in the platforms.
• Platforms to share projects.
• Implementation exercises with CMS. WordPress, uxfolio, etc
Job vacancies
Our students already work in the technological areas of the most important companies at an international level.
How can I pay?
You can reserve your place right now and pay the rest of the amount at the beginning of the Course.
€200
Seat reservation
€1.800
Rest of the amount
€2.000
Master's Price
+
=
Get a 25% discount this week!
Student opinions
I signed up for the master's degree when I finished my degree and found my first job the month after the end of the course. And all practically without leaving home!
Silvia Cordon / Interface Designer
"A great experience especially for the quality of the course and its real usefulness to start working with a professional level in the digital world"
Julen Lafuente / UX/UI Designers
"The best thing is the closeness of the teachers despite being in a distance master's degree and getting the skills I was looking for for my job"
Sarah Munoz / UX Researcher
“Highly recommended not only to study what is in the job offers but also to shape your projects in your start-up”
Charles Gonzalves / UI Designer
“Thanks to these courses I have been able to complete my resume and get a job where I do what I like best: programming and designing”
Ivan Estevez /Product Designer
“I never thought that I would be able to change my profession and work in this new technological sector totally alien to my life until I did my master's degree”
Isabel Mena /Product Designer
FAQ
Some of the frequently asked questions about our Masters and Courses.
Do you need prior knowledge?
How is the admission process?
How are the forms of payment?
Do you have any kind of discount?
Yes, with the Early Bird discounts, the sooner you book your seat, the greater the discount you get.
How does remote format work?
Do I need to have a computer?
Yes, you need a computer with any operating system (PC/Mac) that is less than 4 years old.
Is there a diploma given at the end?
Yes, at the end of the course a diploma is delivered to all attendees who have taken advantage of the course.
Is it possible to learn this in 3 months?
Yes, of course! It requires being very constant, but the program is designed so that you can learn everything in 3 months and that you can make it compatible with your work or other studies.
Related programs
UX/UI Design
A Master in Remote to become UX/UI professional designer.
Online / 6 Months / 240 Hours
UX Research
Study the concepts, tools and processes of UX Research.
Online / 3 Months / 120 Hours
Course
UI Design
Online
Learn everything you need to become UI Designer at a professional level with this intensive course.
In this course, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, as well as introducing yourself to HTML, CSS and WordPress layout.
Start
9 January 2023
Duration
120 hours / 3 months
Schedule
Mon from 19:00 p.m. – 21:00 p.m.
Who is it geared towards?
To take the Course it is not necessary to have any previous experience and it is aimed at different types of profile that we describe.
Unemployed
These courses are perfect if you need to find a job quickly and are passionate about new technologies. Did you know that there is practically no unemployment in this sector?
Recent graduates
After your studies you need to specialize in a specific area to find a good job. Do you want to learn what companies are really looking for?
Entrepreneurs
Are you interested in creating your own StartUp? Our courses will allow you to have all the technical knowledge to create a digital product and manage your own technical team.
Life change
Would you like to turn your professional career around? If you want to change your profession and get a job with a great future, our bootcamps will allow you to do it in a very short time.
our teachers
Our programs are taught by a demanding selection of outstanding professionals in the sector.
francis restoy
Program Director
UX Design professional expert and teacher.
He has been developing projects in various agencies and schools for more than 15 years.
SCHEDULE
The objective of the course is for you to reach a professional level in UI Design.
UI Design
120 Hours / 3 Months
In this module, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, and you will also be introduced to HTML, CSS and WordPress layout.
Fundamentals of Visual Design
• Principles, application of modes and color profiles.
• The color on the web or app. Its use in Sketch, Figma and Adobe XD.
• Principles of typography.
• Application of typography on web and app.
• Use of typography in tools: Sketch, Figma and Adobe XD.
• Basic fundamentals of the UI; Retina export, 8pt grid, etc.
UI Interface Design
• Fundamentals of visual design: use of images and illustration.
• UI basics: retina export, 8pt grid, etc.
• Generation of style guides and UI kit.
• Atomic Design and design systems.
• Creation of components, responsive design and libraries.
• Creation of components, responsive design and libraries (II).
• Creation of Design System repository with Zero Height and DSM.
• UI integration with code and handoffs; Zeplin and InVision.
Prototyping and testing with users
• Screen prototyping with Invision, Sketch and Marvel.
• Prototyping with Figma. Microinteractions with Smart Animate.
• Testing with users.
Prototyping and advanced animation with Principle and ProtoPie.
Web ecosystem and layout
• Different types of servers.
• Understanding web protocols; http, ftp, etc
• Differences between static web and dynamic web.
• HTML code and its function in a web page.
• Head tags in HTML.
• CSS and its role in web design.
• Text editors: Visual Studio Code.
• Basic concepts of web layout.
• Basic concepts of responsive layout.
• Mobile first versus desktop first approaches.
• Flexbox and CSS Grid properties.
Types of apps, APIs and operating systems
• Types of apps: native, hybrid and webapps.
• Advantages and disadvantages of the different types of apps.
• App development languages: Android vs iOS.
• Concept of API and its role in web development.
• Learning Android and iOS patterns.
Introduction to the WordPress CMS
• Defining what a CMS is.
• Advantages and disadvantages of WordPress.
• Installation and startup of a WordPress project.
• General concepts of WordPress.
• Use of WordPress with premium templates.
• Layout landings designed in Figma or Sketch.
• The role of visual layout designers.
• General concepts of the Elementor layout designer.
Responsive layout in Bootstrap
• Review of the concept of grids in web design.
• Responsive layout with frameworks. Bootstrap.
• Mediaqueries for multi-device design with breakpoints.
• Basic web layout with Bootstrap 5 in Visual Studio Code.
• How to export assets from Figma or Sketch to a web.
Development of user tests
• Concepts and validation tools with users.
• Carrying out moderate user tests.
• Testing in remote format.
• Advanced heuristics and PURE method.
Data Driven Design and websites in production
• Knowing the A/B tests and concept tests.
• Fundamental concepts of web analytics and SEO.
Personal portfolio development
• Development of portfolio and personal pages.
• Tools and platforms for the personal profile.
• How to include the projects in the platforms.
• Platforms to share projects.
• Implementation exercises with CMS. WordPress, uxfolio, etc
Job vacancies
Our students already work in the technological areas of the most important companies at an international level.
How can I pay?
You can reserve your place right now and pay the rest of the amount at the beginning of the Course.
€200
Seat reservation
+
€1.800
Rest of the amount
=
€2.000
Master's Price
Get a 25% discount this week!
FAQ
Do you need prior knowledge?
How is the admission process?
The first thing is to press the button "Learn more" and fill in the form, then our Campus Manager will contact you and finally you will have to pay the place reservation.
How are the forms of payment?
Once the place reservation has been paid, you can pay the rest in cash or financed with a bank.
Do you have any kind of discount?
Yes, with the Early Bird discounts, the sooner you book your seat, the greater the discount you get.
How does remote format work?
This Master is taught exclusively in Remote format with live classes through the Zoom platform.
Do I need to have a computer?
Yes, you need a computer with any operating system (PC/Mac) that is less than 4 years old.
Is there a diploma given at the end?
Yes, at the end of the course a diploma is delivered to all attendees who have taken advantage of the course.
Is it possible to learn this in 3 months?
Yes, of course! It requires being very constant, but the program is designed so that you can learn everything in 3 months and that you can make it compatible with your work or other studies.
Related programs
UX/UI Design
A Master in Remote to become UX/UI professional designer.
Part-Time / 6 Months / 240 Hrs
UX Research
A Remote Course to become UX ResearchYou are professional.
Part-Time / 3 Months / 120 Hrs
