Responsive design with toujou

Ready for smartphone, tablet, and computer

Since 2016, mobile devices have overtaken the PC as the most used device for searching the web. This change in technology has resulted in the need for Responsive Design as a tool to ensure your site can adapt to all devices. Mobile first and responsive design – toujou has got you covered!

Look good effortlessly: At all times your website needs to look and act »professional«, because your website is a reflection of you and your business. From the get go, every text, every picture is programmed to be responsive to any type of device it is viewed on. toujou – providing the technology for digital success.

Try before you buy – your exclusive website demo

Start your free 7-day trial with no obligations! Get to know toujou with your own TYPO3 demo & upon purchase keep all your settings.

Arrange a free TYPO3 demo

First impressions: the benefits of responsive design

Context is king

Responsive design is the logical and practical understanding of your content on all devices. Just because your website looks good on your smartphone, doesn’t mean it will look good when it’s viewed on other devices.

For example: Our goal on this page is for you to try a free TYPO3 trial. We’ve created an info box »Try before you buy – get your exclusive website demo!« to achieve this goal. We are going to use this info box to explain responsive design.

Kontext: Text und Information gehören zusammen — Context: Text and information belong together

PC design: logical

Are you interested in responsive design and found this page through a Google search? toujou knows that even with a larger screen, context and placement matters. Our introductory text explains the need for responsive design for all professional websites. On desktop computers and most laptops, right next to the introductory text you will find our offer to test toujou with no obligation. This is logical and effective. We want our trial to be clearly visible and right beside our introductory text to better sell our services.

Inhaltlicher Kontext bleibt auf großen Bildschirmen gewährleistet — Content context is guaranteed on large screens.

And with less space?

How do we deal with our offer of a free trial if there isn’t enough space next to the introductory text.

Unfortunately, if there isn’t enough space content boxes are either hidden or are moved to the bottom of the page. Obviously, this is not ideal for our purposes.

Responsive Design ohne Responsive Logik und Kontext — A visual responsive design without responsive logic will display your content but not as the editor wished.

Better together

toujou combines responsive design and logic to ensure that your website is displayed correctly on all devices. The info box is a logical partner to our introductory text and should be displayed under the text on small devices. And because we're constantly using responsive design, your content will always be displayed in the context you’ve envisioned.

Responsive Design unter Berücksichtigung von Kontext und Logik — Responsive design, taking context and logic into account, content is always displayed as the editor envisioned.

Responsive design best practice

Usability: Hamburger button, navigation, and text

toujou knows that responsive design affects the user experience of your site. With toujou we use proven methods and themes to make your website fit the screen of the device it is being viewed on.

Depending on the device that is being used to access your website, your website will respond by changing text size and navigation display to enhance the user experience. On smartphones, navigation starts with the three bars or ‘hamburger’ as it’s called. We have adapted our websites so that a drop down screen for navigation also occurs on tablets and larger screens, so regardless of the device, your users will be able to easily view your website’s content.

Responsive design and SEO?

Search Engine Optimization: more than just keywords

Let's unite the keywords: Responsive design and Search Engine Optimization. One can not exist without the other: the actual presentation of your website, the time spent by your visitors and many other factors affect your ranking in search results. Without going into the methodology: Sustainable success and increased visibility are best achieved through accurate content and the way your website is displayed on the device of your visitor.

SEO / Search Engine Optimization