Visual designer with business English

Free of cost

by funding

The course explains the creation of websites with HTML and CSS. You will learn how to implement user interfaces, analyze the user experience and use the Adobe Premiere and Adobe After Effects programs. The course is rounded off with further training in the English language and an introduction to the use of artificial intelligence in the workplace.
  • Certificates: Visual Designer" certificate
  • Additional Certificates: Certificate "Web design with HTML/CSS/Dreamweaver"
    Certificate "UI/UX Design"
    Certificate "Video editing and post-production with Adobe Premiere Pro CC and After Effects CC"
    TOEIC® certificate (Test of English for International Communication)
  • Examination: Practical project work with final presentations
    TOEIC®-Test (Test of English for International Communication)
  • Teaching Times: Full-time
    Monday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
  • Language of Instruction: German
  • Duration: 20 Weeks

Web design with HTML, CSS and Dreamweaver

HTML (approx. 5 days)

Basic framework

Tags for text creation (h1-h6, p, br)

Basics of CSS

Text format commands

Scaffolding HTML tags (e.g. header, nav)

Integrating graphics and preparing them in Photoshop

Favicons

Links

Internal, external, phone, mailto links

Lists and tables

Forms in HTML

Form elements

Integration of video and audio elements

Integration of YouTube and Google Maps

Differences between XHTML and HTML


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Basics CSS (approx. 5 days)

Basics of Dreamweaver

Integration options for CSS specifications (internal, external, inline style)

Text design with CSS

CSS attributes for designing borders and spacing (padding, margin)

Background design with CSS

Float/clear basics

Column spacing with float

Colors with CSS

Clearfix

Pseudo elements (::before/::after)

Pseudo-classes (:nth-of-type)

List/display/link pseudo-classes

Navigation with ul/li (horizontal/vertical)


CSS Flexbox (approx. 5 days)

Columns with Flex

Alignment of elements with Flex

Columns in columns with Flex

Using individual fonts (@font-face)

Fonts with Dreamweaver

Dreamweaver - CSS Designer

CSS position

Positions: relative/absolute/fixed

Possibilities for form design via CSS

CSS color gradients

CSS - transition/transform


Responsive web design (approx. 6 days)

Breakpoints, viewport, media queries

Designing headers and header-img responsively

Picture elements in HTML

Mobile navigation with hover

Enable hover in click on Apple cell phones

Click event via CSS (using checkbox)

Responsive navigation with click

Animated burger button

CSS accordion (using radio buttons)

Drop-down menu for desktop and mobile

Different designs

CSS pseudo class :target

One-page site - page structure

Responsive navigation with :target control

Advantages of one-page sites


JavaScript (approx. 9 days)

Integrating applications

Getting started with JavaScript/jQuery

If-then-else

Variables

Data object

Array Data type

ScrollTop

For loop

Math object

Sticky-menu (js/css)

Show/hide menu with scrolling

Use of vh/vw and calc

Mandatory information imprint/data protection

Cookie notice

Font-awesome - Symbol library

CSS-Filter

CSS variables

Optimize the site for search engines (SEO)

Object fit - frame-filling graphics

CSS animation

CSS grid

Grid-template-areas

Introduction to CSS framework: Bootstrap


Project work (approx. 10 days)

To consolidate the content learned

Presentation of the project results

UI/UX design

General introduction to the topic (approx. 1 day)

UX, usability, UI, mental model, human factors

Principles of user-centered design

ISO 9241-210/HCD

Process for designing usable interactive systems


HCD: Analysis - Understanding and defining the context of use (approx. 3 days)

Personae

Empathy map

Customer Journey

Web analytics

Focus groups

Questionnaire


HCD: Specifying the usage requirement (approx. 1 day)

Scenario model

Task model

Context interviews

Diary studies

Participant observation


HCD: Creating design solutions to meet usage requirements (approx. 1 day)

Guidelines and standards: 7 dialog principles of ISO 9241-110

10 principles of user interface design according to Jakob Nielsen

Visual perception, regularities


HCD design solutions: Taxonomy Information Architecture & Navigation Concepts (approx. 3 days)

Flow Chart

User Flow

Information Architecture

Micro information architecture

Conversion strategy

Navigation concepts

Sitemap

Card Sorting: Planning, preparation, implementation and evaluation


Overview of agile project management (approx. 1 day)

Waterfall model vs. agile

Insight into agile management according to the Scrum method

Epic, user story and task

Design sprint method


HCD design solutions: User Interface Design (approx. 1 day)

Styleguide, UI KITs, Pattern Library & Design System

UI components/elements & form

Colors, font and typography in the UI, icons

Atomic design

Mobile first design


HCD design solutions: Design techniques with Figma & XD Adobe (approx. 2 days)

Figma vs. Adobe XD


Figma

The Figma tool range

Workflow

UI components

Responsive design

Scribbles, wireframes

Interactive prototypes


Adobe XD

The XD tool palette

Workflow

UI components

Responsive Design

Scribbles, wireframes

Interactive prototypes


HCD evaluation of the design against the user requirements - usability testing (approx. 2 days)

An overview of usability testing methods Thinking Aloud: planning, preparation, implementation and evaluation

(UEQ) User Experience QuestionnaireAttrakDiff

VisAWI - Visual Aesthetics of Websites Inventory

A/B testing


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies and possible applications in the professional environment


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results

Video editing with Adobe Premiere Pro CC

Adobe Premiere Pro (approx. 7 days)

Project orientation and format definition

Program interface

Text and object templates

Project, editing and monitor windows

Assembly of clips in the editing window

Transitions and effects

Video retouching and filters

Creating title sequences

Importing images, audio files and directories

Combination with other Adobe programs

Sound creation and editing

Working with fades

Color correction

Motion tracking

Import and export functions

Practical tips and tricks


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Project work (approx. 3 days)

To consolidate the content learned

Presentation of the project results

Post-production with Adobe After Effects CC

Adobe After Effects CC (approx. 7 days)

Terms and standards

Format definitions

Project planning and organization

Importing and managing raw data

Motion control

Working with different layers

Compositions and timeline

Transfer modes, editing functions

Creating simple 3D animations

Creating visual effects

Working with keyframes

Rendering and render settings

Working with masks and text tools

Audio functions and editing

Time distortion

Vector drawing tools and retouching

Animated video clips

Light and camera, color correction

Keying, motion tracking

Import and export functions

Practical tips and tricks


Project work (approx. 3 days)

To consolidate the content learned

Presentation of the project results

Business English

General language part (approx. 4 days)

Basic structures of the English language

Tenses (simple, continuous, perfect), questions

Active/passive voice

Adjective/adverb

Modal verbs

Conditional

British and American English

Important idioms

Presenting in English


Communicative part (approx. 5 days)

Establishing and maintaining customer contacts, telephone calls, correspondence

Presentation of business visits

Dealing with complaints

Describing products

Writing letters and emails using common phrases on topics such as orders, quotations

Communicating the hierarchical structure of the company


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Business English (approx. 6 days)

Writing business correspondence

Influencing

Professional discussion of topics such as company structure, marketing and sales

Reporting on market analyses, discussion of financial trends

On a business trip: At the reception, in the hotel, in the restaurant

Appearance in meetings

Describing processes and procedures

Conducting negotiations and reaching agreements

Developing and communicating plans/projects

Preparing presentations

English-language job descriptions

Anglo-Saxon application process

Writing the CV

Interview: confident presentation of experience and qualifications


Project work, certification preparation and TOEIC® certification exam (approx. 5 days)



Changes are possible. The course content is updated regularly.

Prerequisite for participation in the course is previous knowledge of English (secondary school level).

You know the complete workflow for a modern web design and produce user-friendly and sophisticated websites. You will also master the basics of user interface and user experience and know the key guidelines and standards for graphical user interfaces so that you can test them for user-friendliness and adapt them to users. You will also be able to professionally produce digital video material with Adobe Premiere and Adobe After Effects. You will master various techniques to implement concepts graphically.

You will also improve your English language skills in a practical way so that you can be successful in the international workplace. The course concludes with the internationally recognized TOEIC® test, which provides you with the best possible proof of your acquired knowledge.

Web designers, web programmers, graphic designers, media designers, specialists from artistic professions or people who are responsible for the conception, design and practical implementation of websites and want to acquire the necessary knowledge and skills.

The additional English qualification is useful for anyone for whom a solid command of the English language is important for their professional tasks.

Nowadays, almost all companies rely on an attractive Internet presence to represent them as a company. The main potential employers are graphic design, advertising, web, multimedia or full-service agencies, as well as software and database providers. Web design skills are required in almost all sectors. With the appropriate know-how, self-employment is also an interesting prospect.

The informative TOEIC® test gives you a detailed insight into the language skills you have acquired, making it easier for you to enter and advance in your career.

Didactic concept

Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).

You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.

 

Virtual classroom alfaview®

Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.

 

The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).

We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm
free of charge from all German networks.
Contact
We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm free of charge from all German networks.