AI only works with architecture: watch the masterclass now 
Digital innovation in the building materials trade: AI image search for STARK Germany 
The right system for every application: Medienwerft Demo Days – See for yourself 
End2End solutions from UX to hosting: Benefit from the expertise of the FIS Group! 
Do you fit into our team? Discover all vacancies now and apply now! 
Ready for the shipyard? Find out what you can look forward to as an apprentice at Medienwerft! 
AI expertise in three episodes: Listen to our podcast series now! 
Composable commerce reimagined: Discover Emporix's new strategy now! 
Three use cases: Watch the AI Booster in Retail webinar now! 
Clear success for the relaunch of full-service mobile communications provider freenet/klarmobil.de
Moving away from PHP and toward Angular: this strategic step paved the way for klarmobil.de to undergo a remarkable relaunch. The change not only resulted in improved performance and increased conversion rates, but also took the pressure off the internal team at the wholly owned subsidiary of freenet DLS GmbH thanks to an efficient headless CMS.
CUSTOMER
freenet/klarmobil.de
PROJECT DURATION
2-month project phase
EXPERTISE
- Agile working methods
- Smart sourcing
- Concept development
- UX/UI design
- Front-end development
TECHNOLOGY
klarmobil.de is Germany’s first full-service provider and has developed into a leading mobile phone discounter since its founding in 2005. The subsidiary of freenet AG offers its customers not only customized rates, but also a selection of high-quality brand-name cell phones. Its comprehensive range of services covers all areas of mobile communications and always offers a simple and cost-effective solution. Headquartered in Hamburg, the company takes care of all customer needs – from international tariffs to mobile internet surfing.
The task
PHP to Angular
From a PHP-based platform to a modern website with a headless approach – that was the ambition behind the relaunch of klarmobil.de. As an Angular specialist, Medienwerft was brought on board for this project. Within two months, our developers successfully completed the relaunch in a two-week release cycle and have been working continuously with klarmobil.de ever since to ensure the further development of the website.
Do you have a similar challenge for us? Then feel free to contact us!
Always focusing on the user experience
We have further expanded and adapted the end-to-end tests with Cypress to ensure that potential errors from the user’s perspective are detected and fixed before release.
Our solution
All-round benefits
Angular offers numerous advantages, particularly when developing single-page web applications that consist of a single HTML document and load dynamic content: The code base is significantly compressed, which in turn reduces the size of the source code and thus improves the structure and maintainability of the system. Thanks to the modular structure and pre-built components, team members now have the ability to integrate changes and new content independently and flexibly after implementing Angular. Campaigns can be implemented more quickly thanks to the newly gained code consistency.
The positive results are better performance and a lower bounce rate at checkout. In addition, the site was developed using a mobile-first approach with accessibility in mind.
The Challenge
INTO THE FAST LANE WITH MEDIENWERFT
Until now, klarmobil.de had not used a content management system for its website. However, with increasing demands, this meant that freenet employees had to contact internal IT for even the smallest changes, such as adjusting a single headline, which sometimes required a considerable amount of time. With the introduction of the flexible Angular framework with Headless CMS, content can now not only be implemented more quickly, but the burden on freenet IT has also been significantly reduced.
Developing in Angular is like assembling Lego bricks: everything starts the same way and can be put together in a modular fashion. This modularity makes it possible to distribute tasks among several developers.
MAXIMUM FLEXIBILITY
Technical excellence through headless CMS
A headless CMS differs from traditional systems in that it does not have a fixed front end. This means that content can be managed independently of its presentation and delivered flexibly to any desired output device or format.
This form of separation offers enormous flexibility and future-proofing. klarmobil.de now benefits from being able to make changes directly and without the constant involvement of the IT department, resulting in greater agility when implementing campaigns and other projects.
OPTIMIZED PERFORMANCE
The Angular Revolution
Angular, a powerful front-end web framework developed by Google, is revolutionizing the creation of single-page web applications with its outstanding advantages such as modularity, code optimization, and high performance.
It enables our developers to work efficiently by using reduced code and combining different components using the “Lego building block” principle.
USER EXPERIENCE
Abandonment page analyzes customer feedback
The abandonment page on klarmobil.de is a smart feature that tracks user behavior in real time. If the system detects signs of a possible abandonment, such as prolonged waiting or specific mouse movements, the user is immediately presented with a survey that asks for the reasons for the possible abandonment in a short and straightforward manner. This feedback helps to continuously optimize the website.
The abandonment page not only provides information about possible bounces, but also emphasizes the value of customer opinions. It’s about more than just technology – it’s about a better user experience and customer loyalty.
Conclusion
A clear win-win: freenet/klarmobil.de and Medienwerft
The close collaboration between klarmobil.de and our web developers enabled us to continuously develop new web components based on an agile Angular framework with Headless CMS. The result? A website that not only offers users an improved experience, but also simplifies the workflows of freenet employees.
With the Angular framework as its foundation, the technical basis of the new website is optimally structured, which makes maintenance and further development of the system noticeably easier.
Only what users like is successful
Following its relaunch, our website now shines in new splendor and offers our users a modern and user-friendly experience.
The efficient and transparent collaboration with Medienwerft led to a smooth implementation. The result is impressive—klarmobil.de is not only contemporary, but also optimally tailored to the needs of our customers.
