UI/UX design and e-commerce

This course provides an introduction to the design and implementation of user interfaces and explains the importance of user experience in the development of successful websites and apps. Prototyping examples are created using Figma. In addition, the course teaches participants how to set up and use e-commerce platforms and provides a solid foundation for getting started in e-commerce.

  • Certificates: Certificate "UI/UX Design"
    E-Commerce" certificate
  • Examination: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • 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: 8 Weeks

UI/UX design

General introduction (approx. 1 day)

UX, Usability, UI, Mental Model Guideline, Human factors Guideline

Principles of user-centered design

ISO 9241-210/HCD

Accessibility: Basic terms, legal requirements (BITV, EU directives), significance for UX design

Process for designing usable interactive systems

Types of AI tools in the UI/UX context (text, image, analysis)


HCD: Analysis - context of use (approx. 2 days)

Personae and empathy map

Customer journey

Overview of web analytics/questionnaire


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

Scenarios, user stories

Task model, task flows

Context interviews and observation

Diary studies


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 and navigation concepts (approx. 3 days)

Flow Chart

User Flow

Information Architecture

Micro information architecture

Conversion strategy

Navigation concepts and sitemap

Card sorting: planning, preparation, implementation and evaluation

Mobile navigation patterns (bootom navigation, hamburger menus, tabs)


Overview of agile project management (approx. 1 day)

Waterfall model vs. agile methods

Insight into agile management according to the Scrum method

Epic, user story and task

Design sprint method


HCD design solutions: User Interface Design (approx. 2 days)

Styleguide, UI KITs, Pattern Library and Design System

UI components/elements and forms

Colors, font and typography in the UI, icons

Accessibility: color contrasts and legible fonts, control elements (size, spacing, focus)

Automated testing of contrasts, legibility and alternative texts

Brief overview of the semantic structure (HTML/ARIA)

Atomic design

Mobile first design


HCD design solutions: Design techniques with Figma (approx. 3 days)

Structure and basics: pages and frames, layout grids, constraints

Components and variants (buttons, libraries, design systems)

Responsive design (frames, auto layout)

Scribbles, wireframes, mockups

Prototyping: interactions, transitions, overlays, prototype sharing

Use of AI functions in Figma and supplementary tools for the rapid creation and variation of designs


Usability testing and evaluation (approx. 2 days)

Overview of usability testing methods

Thinking Aloud: planning, preparation, implementation and evaluation

Questionnaires (UEQ, AttrakDiff, VisAWI)

A/B testing

Accessibility: tests with keyboard and screen reader

Use of aids and tools


Project work (approx. 4 days)

To consolidate the content learned

Presentation of the project results

E-Commerce

Fundamentals of E-Commerce (approx. 1.5 days)

Introduction to E-Commerce and Digital Commerce

Business Models and Framework Conditions

Key Players and Enablers in E-Commerce

Online Sales Channels: Multi-Channel Strategies, Marketplaces, and an Outlook on Agentic Commerce


Legal Aspects (approx. 2.5 days)

Legal Foundations of Online Commerce: Legal Notice, Terms and Conditions, and Right of Withdrawal

Data Protection and the GDPR

International B2C Online Commerce

EU Product Safety Regulation: General Product Safety Regulation (GPSR)

Platform and AI Regulation: DSA/DMA and the EU AI Act (Obligations, Labeling, High-Risk Classification)

Accessibility (BFSG) and Product Liability


Online Store Systems and Design (approx. 3 days)

Comparison of E-commerce Platforms, Headless and Composable Commerce

Usability, User Experience (UX), and Accessible Web Design

AI-powered creation of product presentations and descriptions

Checkout Process Optimization


Online Marketing and Customer Acquisition (approx. 3 days)

SEO/SEA and Content Strategies

Social Media Marketing and Social Commerce

Email, Affiliate, and Influencer Marketing

Marketplace Marketing and Retail Media

AI-powered personalization, recommendation systems, and visibility in AI search systems (GEO/AEO)


Payment Systems and Finance (approx. 2 days)

Payment Methods and Providers, Instant Payments, and Digital Wallets

Buy Now, Pay Later (BNPL)

Risk Management, Fraud Prevention, and Accounts Receivable Management

Controlling and Key Performance Indicators in E-commerce


Logistics and Fulfillment (approx. 2 days)

E-commerce Logistics and Shipping Options

Warehouse and Inventory Management Systems

Returns Management and Optimization

International Logistics and Customs Clearance

Sustainable Logistics and Digital Product Passport (DPP)


Customer Service and CRM (approx. 2 days)

Customer Service Strategies in E-Commerce

CRM Systems and Customer Loyalty Initiatives

AI-powered customer service: chatbots, voicebots, omnichannel support

Complaint Management and Conflict Resolution

After-Sales Service and Customer Feedback


Web Analytics and Data Analysis (approx. 2 days)

Web Analytics Tools and Their Use

Conversion Optimization and A/B Testing

Data Analysis, KPI Tracking, and Reporting

Cookie-less tracking and consent management


Project Work (approx. 2 days)

To reinforce what has been learned

Presentation of project results



Changes are possible, the course content is updated regularly.

Convincing usability and a good user experience are the basis for customer confidence in interacting with the company. After this course, you will have comprehensive basic knowledge on the topics of user experience and user interface and will have mastered key guidelines and standards for graphical user interfaces based on the human-centered design process. Using the Figma prototyping program, you will be able to create interactive designs that can be tested and further developed using various methods. You will also have knowledge of agile working methods, usability tests and the use of AI tools in the UI/UX process.

Furthermore, after completing this course, you will have a solid understanding of all key aspects of e-commerce. You will be familiar with the legal fundamentals, know how to select and configure e-commerce platforms, and be able to develop effective online marketing strategies. You’ll be well-versed in payment systems, logistics, customer service, and data analysis, and you’ll be able to use AI tools effectively and in compliance with the law throughout the entire e-commerce operation.

This course is aimed at people who are responsible for the conception, design and practical implementation of websites with e-commerce functions and who wish to acquire the necessary knowledge and skills.

With specialist knowledge in UI and UX, you will improve your chances as a developer in graphics, advertising, web, multimedia or full-service agencies, as well as with software and database providers. Knowledge in the field of UI/UX is required in almost all industries.

After completing the course, you will also have acquired a broad basic knowledge that will enable you to enter various fields of activity in online retail.

Your meaningful certificate provides a detailed insight into the qualifications you have acquired and improves your career prospects.

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.