Increase subscription
Online School Alfatraining - Responsive Case Study
Alfatraining offers further training, retraining and company seminars on site throughout Germany and also online.
Teamwork
Quantitative User Research
Personas
Customer journey
Information Architecture
Card Sorting
Wireframe
Prototype
User Testing
Responsive Design
Online School Alfatraining
Responsive Case Study
Alfatraining offers further training, retraining and company seminars on site throughout Germany and also online.
Teamwork
Quantitative User Research
Personas
Customer journey
Information Architecture
Card Sorting
User Testing
Wireframe
Prototype
Responsive Design
Online School Alfatraining
Responsive Case Study
Alfatraining offers further training, retraining and company seminars on site throughout Germany and also online.
Teamwork
Quantitative User Research
Personas
Customer journey
Information Architecture
Card Sorting
Wireframe
Prototype
User Testing
Responsive Design
About the Project
Alfatraining offers further training, retraining and company seminars on site throughout Germany and also online.
You want to increase the satisfaction of your customers with a modern and target group-orientated website.
Who is the Platform for?
Alfatraining offers a wide range of courses, both for young students and for those who want to change their work situation or keep up to date.
The courses are both face-to-face, but it also has a wide choice of online courses. The course categories are divided by berufliche weiterlbildung, Firmenseminare.
The main problem is the wide range of courses to be reorganised in order to increase course conversions/registrations.
Well Done!
About the Project
Alfatraining offers further training, retraining and company seminars on site throughout Germany and also online.
You want to increase the satisfaction of your customers with a modern and target group-orientated website.
Who is the platform for?
Alfatraining offers a wide range of courses, both for young students and for those who want to change their work situation or keep up to date.
The courses are both face-to-face, but it also has a wide choice of online courses. The course categories are divided by berufliche weiterlbildung, Firmenseminare.
The main problem is the wide range of courses to be reorganised in order to increase course conversions/registrations.
Well Done!
Solution
Solution
Through research results, we were able to create a responsive site with a very clear information architectur, reorganising the navigation and creating a user experience that allows users to receive the right course information quickly and clearly, resulting in increased conversions.
- User-friendly information architecture.
- Improved information hierarchy for each audience.
- Created very clear sessions for funding information.
- User-friendly and trustworthy UI design.
Through research results, we were able to create a responsive site with a very clear information architectur, reorganising the navigation and creating a user experience that allows users to receive the right course information quickly and clearly, resulting in increased conversions.
- User-friendly information architecture.
- Improved information hierarchy for each audience.
- Created very clear sessions for funding information.
- User-friendly and trustworthy UI design.
Process
If you like to see more detail of the process,
please download the PDF here.
1. Empathise
In order to achieve the users’ needs and business objectives, we empathised with the users with these methods and analysed the existing site:
- Fitt´s laws and Gestaltungs Laws
- Analyse the ISO 9241
- Analyse the Target group
- Creating Hypothesen and Survey
- Analyse the results to create user Personas
2. Define
The result of the first stages of research allowed us to create 3 user personas and analyse the user journey:
1. Employees like Sofia represent a target group that already has a stable job but does not feel completely fulfilled or simply wants to keep up with updates and new techniques.
2. Hiring managers like Katharina want to create harmony and trust in her team. She wants her employees to be able to keep up to date and thus create more job satisfaction.
3. Career changers like Anja, who is trying to get back into work after maternity leave. She has realised that she wants to change sectors and is ready to start again with a new training to achieve her goals.
3. Ideate
In this phase, we take the card sorting a step further to create a user-friendly information architecture:
- Card sorting with 3 Users
- Creating Information Architecture
- Scribbles
4. Prototype
Together with the team, we gave ourselves guidelines to start the design phase, each of us took care of one session, and then put it all together to proceed with testing:
- Low fidelity wireframes
- High fidelity wireframes
- Prototype
5. Testing
Each member did their own usability tests with 3 participants.
Personally, I had the opportunity to conduct the usability tests for the “Courses Programme”.
Process
If you like to see more detail of the process, please download the PDF here.
1. Empathise
In order to achieve the users’ needs and business objectives, we empathised with the users with these methods and analysed the existing site:
- Fitt´s laws and Gestaltungs Laws
- Analyse the ISO 9241
- Analyse the Target group
- Creating Hypothesen and Survey
- Analyse the results to create user Personas
1. Define
The result of the first stages of research allowed us to create 3 user personas and analyse the user journey:
1. Employees like Sofia represent a target group that already has a stable job but does not feel completely fulfilled or simply wants to keep up with updates and new techniques.
2. Hiring managers like Katharina want to create harmony and trust in her team. She wants her employees to be able to keep up to date and thus create more job satisfaction.
3. Career changers like Anja, who is trying to get back into work after maternity leave. She has realised that she wants to change sectors and is ready to start again with a new training to achieve her goals.
1.Prototype
In this phase, we take the card sorting a step further to create a user-friendly information architecture:
- Card sorting with 3 Users
- Creating Information Architecture
1.Testing
Together with the team, we gave ourselves guidelines to start the design phase, each of us took care of one session, and then put it all together to proceed with testing:
- Low fidelity wireframes
- High fidelity wireframes
- Prototype
Gathering information
1. Empathise
In the first step of user research, the team defined evaluation criteria to analyze the application’s usability and design. Using ISO 9241 standards, such as error tolerance and learnability, along with Gestalt principles like similarity and proximity, they assessed how effectively the design supported user interaction.
After evaluating the application, the team discovered that most of these usability laws and design principles were not adequately implemented on the website. These findings were documented, highlighting areas needing significant improvement.
Building on this, the team proceeded to create a heuristic framework for a survey aimed at gathering quantitative information about the users. This data collection was essential for developing accurate user personas, which would further inform the design process and ensure that the application meets the needs and expectations of its target audience.
Gathering information
1. Empathise
In the first step of user research, the team defined evaluation criteria to analyze the application’s usability and design. Using ISO 9241 standards, such as error tolerance and learnability, along with Gestalt principles like similarity and proximity, they assessed how effectively the design supported user interaction.
After evaluating the application, the team discovered that most of these usability laws and design principles were not adequately implemented on the website. These findings were documented, highlighting areas needing significant improvement.
Building on this, the team proceeded to create a heuristic framework for a survey aimed at gathering quantitative information about the users. This data collection was essential for developing accurate user personas, which would further inform the design process and ensure that the application meets the needs and expectations of its target audience.
Target analysis and hypothesis for Employees, Career changers and HR
1. Empathise
Analysing the steakholders’ information, we assumed two target groups.
For career switchers, the focus is on individuals aged 30-45, mostly women, who are transitioning to more secure and better-paying fields. This group faces challenges in the job market, seeks online education opportunities, and values flexibility in learning.
HR professionals, typically aged 30-50, are concerned with staying competitive and enhancing their company’s reputation. They often work in medium to large companies, managing employee satisfaction and overseeing training programs to keep up with industry developments.
To further understand these groups, we developed a set of hypotheses and conducted quantitative research through surveys to gather essential data. This data collection was crucial for creating detailed user personas, ensuring that the application’s design aligns with the specific needs and expectations of these target audiences.
Target analysis and hypothesis for Employees, Career changers and HR
1. Empathise
Analysing the steakholders’ information, we assumed two target groups.For career switchers, the focus is on individuals aged 30-45, mostly women, who are transitioning to more secure and better-paying fields. This group faces challenges in the job market, seeks online education opportunities, and values flexibility in learning.
HR professionals, typically aged 30-50, are concerned with staying competitive and enhancing their company’s reputation. They often work in medium to large companies, managing employee satisfaction and overseeing training programs to keep up with industry developments.
To further understand these groups, we developed a set of hypotheses and conducted quantitative research through surveys to gather essential data. This data collection was crucial for creating detailed user personas, ensuring that the application’s design aligns with the specific needs and expectations of these target audiences.
Quantitative user reseach results
1. Empathise
The user research revealed that most participants are women aged 30-40, living in Germany, and balancing work and family responsibilities.
They prefer flexible, online, part-time learning options to advance their careers or transition into more secure fields. Financially, they rely on government support but are also interested in scholarships, which should be promoted more.Users seek holistic educational offerings, including coaching and networking, with a focus on specialized training in IT, programming, and creative fields.
Awareness of the educational provider varies, indicating a need for stronger marketing efforts.
The research highlights the need for flexible, user-centered educational solutions that cater to career switchers and HR professionals, emphasizing online and part-time options, with enhanced visibility and financial support options.
Quantitative User Reseach results
1. Empathise
The user research revealed that most participants are women aged 30-40, living in Germany, and balancing work and family responsibilities.
They prefer flexible, online, part-time learning options to advance their careers or transition into more secure fields. Financially, they rely on government support but are also interested in scholarships, which should be promoted more.Users seek holistic educational offerings, including coaching and networking, with a focus on specialized training in IT, programming, and creative fields.
Awareness of the educational provider varies, indicating a need for stronger marketing efforts.
The research highlights the need for flexible, user-centered educational solutions that cater to career switchers and HR professionals, emphasizing online and part-time options, with enhanced visibility and financial support options.
Creating Personas
2. Define
Creating Personas
2. Define
Sofie - Employee
Sofie, 27, from Mainz, works at a handbag manufacturer and holds a master’s in fashion design. She wants a salary increase, to explore online marketing, and to develop her own product. Sofie struggles with self-confidence and career direction. Her hobbies include hiking, jogging, traveling, and painting, and she dreams of being self-employed in New York.
Anja - Career Changer
Anja, 33, lives in Brandenburg and is a former graphic designer currently unemployed. She seeks better pay, flexible hours, and a job that fits her family life. Anja struggles with time management, past job frustrations, and financial stress. She enjoys painting, reading, and podcasts, and dreams of traveling with her family and buying a house.
Katharina - HR Professional
Katharina, 38, is a Senior People & Culture Manager in Dortmund. She aims to strengthen team dynamics, maintain good relations with her CEO, and keep her company competitive. She faces issues like staff turnover, workaholism, and poor sleep. Katharina enjoys wine, self-care, and series, and dreams of owning an Irish Setter.
Conclusion
Despite the differences between Anja, Katharina, and Sofie, they share a common goal: to create better work-life conditions. Whether it’s balancing family life, achieving career growth, or pursuing entrepreneurial dreams, each persona is motivated by the desire for improved job satisfaction and personal well-being. Understanding this shared aspiration can guide the development of educational programs and career services that not only address their unique needs but also help them achieve a healthier and more fulfilling work-life balance.
Customer Journey
The Customer Journeys of Sofie, Anja, and Katharina illustrate their distinct paths in pursuing training, each with unique challenges but a shared goal of improving work-life condition.
Sofie - Employee
Sofie seeks more responsibility and recognition, facing challenges in finding the right course due to overwhelming options. She appreciates personalized support and clear communication but desires more interaction during and after her course.
- Touchpoints: Online research, HR department, course booking via email.
- Behaviors: Seeks personalized support, overwhelmed by options, values post-course interaction.
- Pain Points: Overwhelmed by too many choices, uncertainty about course relevance.
Anja - Career Changer
- Touchpoints: Job Center, online research, financing via employment agency.
- Behaviors: Overwhelmed by choices, appreciates technical support, struggles with bureaucracy.
- Pain Points: Bureaucratic hurdles in financing, uncertainty about balancing training with family life.
Katharina - HR Professional
Katharina manages training for her team, dealing with budget constraints and the need for flexibility. She prioritizes course customization and clear, timely communication, maintaining ongoing relationships with providers for future development.
- Touchpoints: Budget meetings, B2B networks, course customization discussions.
- Behaviors: Focuses on team needs, values flexibility and clear communication, maintains provider relationships.
- Pain Points: Difficulty comparing training options, pressure to stay within budget, and need for flexible solutions.
Sofie - Employee
Sofie, 27, from Mainz, works at a handbag manufacturer and holds a master’s in fashion design. She wants a salary increase, to explore online marketing, and to develop her own product. Sofie struggles with self-confidence and career direction. Her hobbies include hiking, jogging, traveling, and painting, and she dreams of being self-employed in New York.
Anja - Career Changer
Katharina - HR Professional
Katharina, 38, is a Senior People & Culture Manager in Dortmund. She aims to strengthen team dynamics, maintain good relations with her CEO, and keep her company competitive. She faces issues like staff turnover, workaholism, and poor sleep. Katharina enjoys wine, self-care, and series, and dreams of owning an Irish Setter.
Conclusion
Despite the differences between Anja, Katharina, and Sofie, they share a common goal: to create better work-life conditions. Whether it’s balancing family life, achieving career growth, or pursuing entrepreneurial dreams, each persona is motivated by the desire for improved job satisfaction and personal well-being. Understanding this shared aspiration can guide the development of educational programs and career services that not only address their unique needs but also help them achieve a healthier and more fulfilling work-life balance.
Customer Journey
The Customer Journeys of Sofie, Anja, and Katharina illustrate their distinct paths in pursuing training, each with unique challenges but a shared goal of improving work-life condition.
Sofie - Employee
Sofie seeks more responsibility and recognition, facing challenges in finding the right course due to overwhelming options. She appreciates personalized support and clear communication but desires more interaction during and after her course.
- Touchpoints: Online research, HR department, course booking via email.
- Behaviors: Seeks personalized support, overwhelmed by options, values post-course interaction.
- Pain Points: Overwhelmed by too many choices, uncertainty about course relevance.
Anja - Career Changer
- Touchpoints: Job Center, online research, financing via employment agency.
- Behaviors: Overwhelmed by choices, appreciates technical support, struggles with bureaucracy.
- Pain Points: Bureaucratic hurdles in financing, uncertainty about balancing training with family life.
Katharina - HR Professional
Katharina manages training for her team, dealing with budget constraints and the need for flexibility. She prioritizes course customization and clear, timely communication, maintaining ongoing relationships with providers for future development.
- Touchpoints: Budget meetings, B2B networks, course customization discussions.
- Behaviors: Focuses on team needs, values flexibility and clear communication, maintains provider relationships.
- Pain Points: Difficulty comparing training options, pressure to stay within budget, and need for flexible solutions.
Designing Effective Information Architectures with Card Sorting
3. Ideate
The card sorting exercise helped define the website’s structure by highlighting key categories like “About Us,” “Our Offerings,” and “Job/Career” as primary navigation elements. It emphasized the need for clear visibility of educational resources and firm-related services on the homepage. This process was crucial for creating a user-friendly website layout.
Key Points:
- Primary navigation includes “About Us,” “Our Offerings,” and “Job/Career.”
- Educational and firm-related services need prominent placement.
Designing Effective Information Architectures with Card Sorting
3. Ideate
The card sorting exercise helped define the website’s structure by highlighting key categories like “About Us,” “Our Offerings,” and “Job/Career” as primary navigation elements. It emphasized the need for clear visibility of educational resources and firm-related services on the homepage. This process was crucial for creating a user-friendly website layout.
Key Points:
- Primary navigation includes “About Us,” “Our Offerings,” and “Job/Career.”
- Educational and firm-related services need prominent placement.
Information Achitecture
Scribble
3. Ideate
Card sorting to create intuitive page content tailored to the user's needs
Each member conducted the cart sorting for the assigned page with 3 users respectively. Here I present the results of the ‘Gefordete weiterbildung’ page that I personally worked on.
Scribble
3. Ideate
Usability testing
The usability testing results provided valuable insights into user needs. It became clear that users require more detailed information about funding options. The statistics section, while engaging and useful for conversion, needs more explanation to help users understand the graphs. In the course categories section, users expressed a preference for the ability to search by city. Additionally, there was a request for guidance tailored to both private customers and businesses.
Modification of project based on results
Card sorting to create intuitive page content tailored to the user's needs
Each member conducted the cart sorting for the assigned page with 3 users respectively. Here I present the results of the ‘Gefordete weiterbildung’ page that I personally worked on.
Usability testing
The usability testing results provided valuable insights into user needs. It became clear that users require more detailed information about funding options. The statistics section, while engaging and useful for conversion, needs more explanation to help users understand the graphs. In the course categories section, users expressed a preference for the ability to search by city. Additionally, there was a request for guidance tailored to both private customers and businesses.
Modification of project based on results
Achivement
Each team member created his or her own wireframe, following pre-established guidelines. Navigation is the result of card sorting. We were able to simplify the navigation with elements and added a CTA to contact the school directly.
We also improved the hierarchy and the programme course content is actually very easy to understand and select the desired course through a user-friendly search section with drop down to manage the entire programme on different city.
Each member did their own usability tests with 3 participants.
Personally, I had the opportunity to conduct the usability tests for the “Courses Programme”.
The user asked for more information about the financial aspects, a more understandable headline and improvement of the search section.
Here you can see the whole project.
Achivement
Each team member created his or her own wireframe, following pre-established guidelines. Navigation is the result of card sorting. We were able to simplify the navigation with elements and added a CTA to contact the school directly.
We also improved the hierarchy and the programme course content is actually very easy to understand and select the desired course through a user-friendly search section with drop down to manage the entire programme on different city.
Each member did their own usability tests with 3 participants.
Personally, I had the opportunity to conduct the usability tests for the “Courses Programme”.
The user asked for more information about the financial aspects, a more understandable headline and improvement of the search section.
Here you can see the whole project.
Achivement
Each team member created his or her own wireframe, following pre-established guidelines. Navigation is the result of card sorting. We were able to simplify the navigation with elements and added a CTA to contact the school directly.
We also improved the hierarchy and the programme course content is actually very easy to understand and select the desired course through a user-friendly search section with drop down to manage the entire programme on different city.
Each member did their own usability tests with 3 participants.
Personally, I had the opportunity to conduct the usability tests for the “Courses Programme”.
The user asked for more information about the financial aspects, a more understandable headline and improvement of the search section.
Here you can see the whole project.
Let´s Discuss
your project.
Book your first call with me—it’s free! I’m excited to explore tailored solutions for you. Looking forward to connecting!
Let´s Discuss
your project.
Book your first call with me—it’s free!
I’m excited to explore tailored solutions for you. Looking forward to connecting!
Let´s Discuss
your project.
Book your first call with me—it’s free!
I’m excited to explore tailored solutions for you. Looking forward to connecting!
