TYPO3 Web Design

TYPO3 web design concept

With mockups and wireframes to the fitting interface

Mockups and wireframes are depictions that visualise your future TYPO3 interface in advance. We create and adapt them quickly, so we capture your requirements precisely, show you various implementation options and have a visual basis for the best arrangement of the page elements.

Wireframes are sketch-like drafts conveying arrangement, spacing and the rough structure. With mockups, the focus already lies on colour scheme, design elements, typefaces and logos in detail.

User experience design for your TYPO3 site

In TYPO3 web design we place particular value on UX (user experience design). Operating your site must be as intuitive as possible, dialogues with visitors simple and self-explanatory. Sensibly structured, clear menu structures help decide whether visitors quickly find what they're looking for.

Responsive TYPO3 web design in the sitepackage

When drafting your design, we factor in from the start that your TYPO3 site will be opened on very different devices, from smartphone via tablet to a large desktop monitor. A cleanly built sitepackage architecture with TypoScript configuration and Fluid templates ensures that — thinking responsive behaviour through consistently instead of repairing it afterwards with CSS.

What mobile-first web design concretely means with us

• Touch-optimised controls instead of small, hard-to-hit click areas
• Deliberate prioritisation of content, instead of simply squeezing everything into a smaller layout
• Lean image and asset sizes, so the mobile load time doesn't suffer under the design
• Presentation tested on real devices, not just in the browser simulator

A custom sitepackage or a Bootstrap base?

Not every project needs a sitepackage built completely from scratch. We advise you openly on which approach makes more sense for your venture.

Two proven routes to the goal

• A custom sitepackage: clean, lean TypoScript and Fluid code exactly for your design — the best choice when performance and a unique look are the priority.
• An extended Bootstrap sitepackage: an established, well-documented base we tailor precisely to your corporate design — faster to deliver when a completely individual layout isn't necessary.

In many projects we combine both — a solid sitepackage base with individually developed content elements where standard components don't suffice.

Editor-friendly backend design

For us, TYPO3 web design doesn't end in the frontend. How well your editorial team finds its way around the backend helps decide how well maintained your website stays in the long run.

What we pay attention to in the backend

• Understandably named content elements that reveal in the backend what they actually produce in the frontend
• Sensibly preconfigured defaults, so new pages start with a good base design
• A backend preview that comes as close to the frontend as possible, instead of guesswork on saving
• A clear separation of layout and content, so editors can maintain content without accidentally changing the design

Where sensible, we complement the sitepackage with custom backend layouts and fitting content element wizards, so even more complex page structures stay easy to maintain in daily work.

Related topics

TYPO3 programming

If a standard content element doesn't suffice, we develop a custom Extbase extension for it. More on TYPO3 programming.

TYPO3 training

An editor-friendly backend is most useful when your team can also operate it confidently. More on TYPO3 training.