Responsive web design with TYPO3
Depending on the target group, a high proportion of users access websites through mobile devices. To ensure optimum usability and functionality, websites need to meet all the requirements of mobile devices and conventional desktop PCs. Regardless of whether users access websites on iPhone, iPad or Android-based smartphone and tablets, such as the Samsung Galaxy or Google Nexus, the different devices affect the usability and appearance of a website.
One solution for all devices:
The common solution for all models is known as responsive web design.
A responsive website reacts to the requirements of the mobile device and perfectly adapts text, images and menu navigation to the device’s screen format. We gear our work to the mobile devices from the development stage – there is therefore no need for time-consuming and costly preparatory Photoshop work.
The benefits for you
- Consistent and flexible appearance of the website with convenient operation by smartphone, tablet or desktop PC.
- Optimum and hardware-independent display on all screen sizes
- Perfect browsing experience for users on all devices
- Creation and maintenance of a single template for all devices
- Ongoing coordination and testing during the development process
- Optimised workflow through "form follows function & content", i.e. the design is based on the content and structure of the website.
Our workflow
When developing a responsive website, first and foremost it is essential to review and collate all content to obtain an overall impression. The content inventory stage involves evaluating all content in terms of its implementation and presentation in a responsive design. Due to the limited size of mobile device screens, the concept development of a responsible web design starts with the smallest device and ends with the largest.
After developing initial wire frames and a first prototype, the break points are defined for content and menus, which then control the display for the respective mobile devices. Only at the last stage of the process is the design developed in the web browser before the new web design undergoes a thorough test process on all devices using various web browsers. Only when the tests have been successfully passed can the new design be rolled out.
References
Below are a few examples of customers for whom we have designed and implemented a complete relaunch based on TYPO3:
Franz Kaldewei GmbH & Co. KG
The relaunch of the KALDEWEI corporate website using TYPO3 CMS 7.6 was completed in August 2016. The website showcases the company’s products using a fully responsive design with intuitive user guidance.
Marley Deutschland GmbH
Our customer Marley has been successfully operating for over 60 years with products for new build and renovation.
Marketing Factory supported Marley in the relaunch of its website www.marley.de and with the technical implementation of the website based on the TYPO3 content management system. The relaunch involved modernising the screen design as well as technically redesigning the website in accordance with responsive web design standards.
Since January 2014, the marley.de website has been flexibly adapting to the user and the mobile device he is using and is always perfectly displayed on all mobile devices.
Read more about the relaunch of marley.de in our blog
Walther-Präzision
Our client Walther-Präzision’s website has been in existence for many years and has been converted into a contemporary and technologically up-to-date website, in which the information architecture, screen design and technical base have all been all comprehensively revised.
The use of responsive web design means that the new Walther-Präzision website is now also prepared for mobile devices and is always perfectly displayed.
wolfcraft GmbH
As part of our client wolfcraft’s new online strategy, the wolfcraft.de website was redesigned and revised in 2012 based on the TYPO3 content management system.
As the use of mobile devices and smartphones, and thus also mobile access to websites, is rising enormously, wolfcraft decided to convert its website to a responsive web design.
Since the spring of 2014, visitors to wolfcraft.de now encounter a website ideally adapted to the mobile device they are using, regardless of whether they are viewing the site on a desktop monitor, tablet or smartphone.