--- title: "TYPO3 14 backend redesign: b13’s UX vision and roadmap" url: "https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation" description: b13 is redesigning TYPO3 14’s backend to feel modern, work faster, and maintain context. Here’s our UX vision and the five key changes coming in April. image: "https://b13.com/fileadmin/_processed_/3/2/csm_V14BackendUX_Sharing_bd041cf55e.png" date: 2026-01-12 modified: 2026-08-19 lastUpdated: 2026-08-19 keywords: - "TYPO3 UXDesign CMSDesign" --- # TYPO3 14 backend redesign: b13’s UX vision and roadmap [ UX/UI-Design ](https://b13.com/knowledge/uxui-design) [ Open Source ](https://b13.com/knowledge/open-source) [ TYPO3 v14 ](https://b13.com/knowledge/typo3-v14) [ Core-Development ](https://b13.com/knowledge/core-development) Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ============================================================================== ![](https://b13.com/fileadmin/_processed_/d/5/csm_laura_8ba8f32968.jpg)Laura Heine 12 January 2026 [ RSS Feed ](https://b13.com/rss.xml) ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_5418d526ba.webp) Last spring, the TYPO3 Project announced plans to renew the backend for version 14. In a CMS landscape where user experience is increasingly what separates the leaders, the TYPO3 CMS needs to feel modern and competitive. It’s been a stable solution for years. But let’s admit: It’s starting to feel dated. b13 took on the redesign, and I was excited to lead this project. After 10 years as a UX designer here, I’ve designed dozens of websites built on TYPO3. I know how the system works, how editors use it, and where the friction points live. Our redesign work directly supports the broader [TYPO3 Product Strategy](https://docs.typo3.org/m/typo3/guide-policy/main/en-us/Product/ProductStrategy.html#product-strategy), which emerged from real user research and jobs-to-be-done interviews. One of its core goals is reducing complexity—making TYPO3 more accessible without sacrificing power. That’s what we’re after. So here’s our vision for TYPO3 14: Make it feel modern, work faster, and let users maintain their context instead of constantly jumping between screens. Most importantly, we’re building an expandable foundation that can grow and evolve for years to come. That’s also in-line with TYPO3’s [overarching vision](https://docs.typo3.org/m/typo3/guide-policy/main/en-us/Product/ProductStrategy.html#product-strategy) of to covering the broadest range of applications, from small individual solutions to complete product architectures with the TYPO3 product as a base. We’re aiming to get this into Core by April. And we want to make UX a more visible competence within TYPO3—one of the first things you think about when you recommend the CMS. Building for Today and Tomorrow --------------------------------- Redesigning a CMS backend is completely different from designing a client website. Client sites have specific requirements, fixed timelines, and defined scope. A CMS backend needs to accommodate whatever anyone wants to build next. Think about it: Every new feature a developer dreams up, every module someone contributes to the ecosystem, every tool an agency builds—**it all has to go somewhere in the interface.** Our job is creating a framework flexible enough to handle those future additions while maintaining structure and consistency. No small feat. This redesign will be laying the groundwork that needs to last through version 15, 16, and beyond. The foundation we build now determines how easily TYPO3 can evolve. ![Belle de Boskoop apple variety, known for its yellow-green skin and tangy flavor, often used in cooking and baking.](https://b13.com/fileadmin/_processed_/f/e/csm_v14_Blog_Bild_1.png_a38b45d386.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_1.png.png) Five Key Changes Shaping the New Backend ------------------------------------------ ### The Hierarchy Reimagined When you open TYPO3, you should immediately understand where things are and how to get to them. But TYPO3 installations vary wildly—some clients have three modules, others have forty. We’re removing the top bar and replacing it with a frame structure that makes the highest-level functions more obvious. The new hierarchy provides a consistent framework for organizing whatever mix of tools and features someone’s installation includes. ![User interface of a content management system displaying a page titled "Belle de Boskoop" with sections for stage content and main content.](https://b13.com/fileadmin/_processed_/2/1/csm_v14_Blog_Bild_2.png_57420feffe.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_2.png.png) ### A Refreshed Look When someone evaluates your CMS, first impressions matter. A modern visual language signals that the system is actively maintained and thoughtfully designed. We’ve decided to change the font from Verdana to Open Sans, and to remove unnecessary visual boxes from icons. We’re also adding rounded corners and updating the overall color palette. These changes don’t solve functional problems, but they do make TYPO3 look current instead of dated. ![User interface displaying various icons for settings, information, and editing tools, with a dropdown menu highlighted at the top.](https://b13.com/fileadmin/_processed_/8/f/csm_Screenshot_2026-01-13_at_13.22.34_762a1f834f.webp) ### Quick Actions for Modern Workflows We’re adding a context-sensitive strip on the right-hand side of the interface. Depending on what you’re working on, this quick actions panel surfaces relevant tools and options. This makes the interface feel intelligent and responsive. Instead of hunting through menus for the action you need, TYPO3 presents likely next steps based on your current context. ![User interface displaying the editing options for a webpage titled "Belle de Boskoop," including fields for content, metadata, and navigation settings.](https://b13.com/fileadmin/_processed_/e/c/csm_v14_Blog_Bild_3.png_b8fabe0a9a.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_3.png.png) ### Page Settings Without Losing Context Currently, when you need to change page settings, you navigate to a completely different screen. You lose track of where you were and what you were doing. In the new design, page settings will open in an overlay. You make your changes, close the overlay, and you’re right back where you started. No context lost, no mental overhead trying to remember what you were doing before. ![Form for creating a new standard page, featuring fields for page title, URL segment, and alternative navigation title, with options to hide new pages.](https://b13.com/fileadmin/_processed_/a/3/csm_v14_Blog_Bild_4_3d48ac33d1.webp) [ ](https://b13.com/fileadmin/Blog/v14_backend_Laura/New_images/v14_Blog_Bild_4.png) ### The Page Wizard Creating new pages should be straightforward, but TYPO3 doesn’t always give you clear feedback when something goes wrong. Pages that don’t work as expected leave editors confused and frustrated. The page wizard now walks you through page creation with better guidance and clearer feedback. If something won’t work, the system tells you why and helps you fix it. Making UX a Core TYPO3 Competence ----------------------------------- To date, TYPO3 has been shaped primarily by developers. Developers build features, contribute to Core, and shape the roadmap. Designers rarely get included in those conversations. But we want to change that. The problem is that developers and editors see completely different interfaces. When you’re a system admin, you have access to every module and function. You see the full complexity of TYPO3. But editors? They typically see a page tree, a file list, maybe a dashboard. That’s it. Working with the development team, I sometimes find myself saying, “No one will ever see that—editors don’t have access to forty modules.” We’re trying to establish UX guidelines that future feature developers can follow. When someone builds something new for TYPO3, they should have a framework for designing it consistently with the rest of the system. Otherwise, every addition chips away at coherence until the interface becomes a disconnected collection of individually reasonable ideas. I have big dreams for TYPO3’s user experience. You need a vision to make progress. Some things we want aren’t possible yet, but if we don’t establish where we’re trying to go, we’ll never get there. What’s Next ------------- We’re targeting April 2026 for Core inclusion. This blog lays out the vision—we’ll follow up with more detailed posts about individual features as development continues. We’ll also put up a working demo on our site so you can see the changes in action. TYPO3 has powerful features. It deserves an interface that matches that power with equal attention to user experience. That’s what we’re building. Follow along as we bring it to life. **Want to learn more?** Stay up to date with b13’s blog for detailed breakdowns of each feature, and watch for our working demo coming soon. Contact us to discuss how our TYPO3 expertise can help your project. [ Contact b13 ](https://b13.com/lets-connect) ### Written by: ![Bild von Laura Heine](https://b13.com/fileadmin/_processed_/d/5/csm_laura_9b472d894c.webp) Laura personifies the best qualities of her UX work: genuine, to the point, and effective. She gets to the bottom of client needs and turns them into simple, essential interfaces that get the job done right. Her essential tool: Adobe XD Laura Heine UX Design [ more from Laura Heine ](https://b13.com/team/laura-heine) Related Articles ------------------ - ![A purple graphic featuring a smartphone icon with three horizontal bars, surrounded by illustrations of vintage telephones.](https://b13.com/fileadmin/_processed_/2/5/csm_EXTphonenumber_Headerbild_93d5de1696.webp) ### Clean Phone Numbers in TYPO3: Why We Built EXT:phone\_number 11 August 2026 | David Steeb TYPO3 stores phone numbers as tel: links, but doesn’t format them for output. Meet EXT:phone\_number, a Fluid ViewHelper for clean, consistent numbers. [ Read more: Clean Phone Numbers in TYPO3: Why We Built EXT:phone\_number ](https://b13.com/knowledge/clean-phone-numbers-in-typo3) - ![Cartoon trophy character surrounded by hands giving thumbs up and a heart gesture, set against a gear-patterned background.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy Gives TYPO3 a Friendly Face 06 August 2026 | Florian “Flix” Keitgen TYPO3 is powerful—but it doesn’t have to feel impersonal. Meet T3ppy, our friendly companion for the backend. [ Read more: T3ppy Gives TYPO3 a Friendly Face ](https://b13.com/knowledge/t3ppy-design-kit) - ![Gavel labeled "AI" on a circuit-patterned background with yellow stars, symbolizing regulation or legislation related to artificial intelligence in the EU.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### AI Content in TYPO3: Labelling Needs Accountability 02 August 2026 | Benni Mack The EU AI Act brings the origins of AI-generated content into focus. AI Label marks AI-generated and AI-edited content in TYPO3 and records who signed off the published version—for… [ Read more: AI Content in TYPO3: Labelling Needs Accountability ](https://b13.com/knowledge/ai-content-in-typo3-labelling-needs-accountability) - ![A robotic hand holds a paintbrush, creating a purple swirl against a light blue background with circular patterns.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Designing Responsibly in the Age of AI: What We’re Learning as We Go 17 July 2026 | Laura Heine Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team. [ Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go ](https://b13.com/knowledge/designing-responsibly-in-the-age-of-ai-what-were-learning-as-we-go) - ![Hands holding puzzle pieces are positioned around a partially completed puzzle depicting a computer interface.](https://b13.com/fileadmin/_processed_/d/7/csm_StopBuyingPlatforms_Headerbild_8a41a82f8a.webp) ### Stop Buying Platforms. Start Building Ecosystems. 09 June 2026 | David Steeb The first TYPO3 Summit North America opened with a keynote that reframes how enterprise teams should think about content management—from platforms to ecosystems, from vendor… [ Read more: Stop Buying Platforms. Start Building Ecosystems. ](https://b13.com/knowledge/stop-buying-platforms-start-building-ecosystems) - ![Colorful fish illustrations surround a central logo that reads "TYPO3 Summit.](https://b13.com/fileadmin/_processed_/4/3/csm_NorthAmericaSummit_Headerbild_5fbbbbb529.webp) ### Notes from Atlanta—What the First TYPO3 Summit North America Says About the Next Decade of Enterprise CMS 22 May 2026 | David Steeb Field report from the first TYPO3 Summit North America in Atlanta. On governance that can’t be acquired, predictable seven-year lifecycles, the FAIR distribution layer, and why the… [ Read more: Notes from Atlanta—What the First TYPO3 Summit North America Says About the Next Decade of Enterprise CMS ](https://b13.com/knowledge/atlanta-typo3-summit-north-america-enterprise-cms) - ![A rocket labeled "V14" launches into the sky, surrounded by a group of people celebrating with raised arms.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp) ### Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source 21 April 2026 | Florian “Flix” Keitgen TYPO3 v14 improves workflows for editors, marketing teams, and developers—and shows how community-driven open source creates real impact. [ Read more: Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source ](https://b13.com/knowledge/happy-release-day-typo3-v14-why-this-release-shows-the-true-strength-of-open-source) - ![Hands holding puzzle pieces with QR codes surround a large QR code under a magnifying glass, suggesting a collaborative activity.](https://b13.com/fileadmin/_processed_/3/b/csm_QRcodeManagement2_Headerbild_85c3ff55b5.webp) ### QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors 17 April 2026 | David Steeb TYPO3 v14 adds QR code generation to Link Management. Create codes before URLs are final, track scans via redirect stats, update targets anytime, and avoid third-party tools. Ideal… [ Read more: QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors ](https://b13.com/qr-codes-in-typo3-v14-built-in-link-management-that-just-works-for-editors) - ![Two wizards in purple robes with long white beards, facing each other against a starry background.](https://b13.com/fileadmin/_processed_/2/a/csm_PageWizard_Headerbild_54137c8b34.webp) ### Creating Pages the Right Way—With the New TYPO3 V14 Page Creation Wizard 16 April 2026 | Florian “Flix” Keitgen The new TYPO3 v14 Page Creation Wizard improves page creation with guided steps, required field validation, and a more consistent workflow. [ Read more: Creating Pages the Right Way—With the New TYPO3 V14 Page Creation Wizard ](https://b13.com/knowledge/creating-pages-the-right-way-with-the-new-typo3-v14-page-creation-wizard) - ![Four file folders displaying a bar graph with orange bars, set against a light blue background with abstract document outlines.](https://b13.com/fileadmin/_processed_/7/2/csm_PageInfoTabs_Headerbild_1e3eda44e5.webp) ### Taming the Page Module Header—Why We Built EXT:page\_info\_tabs 31 March 2026 | David Steeb When multiple TYPO3 extensions add content to the page module header, things quickly become messy. EXT:page\_info\_tabs structures everything into clean Bootstrap tabs, with zero… [ Read more: Taming the Page Module Header—Why We Built EXT:page\_info\_tabs ](https://b13.com/knowledge/taming-the-page-module-header-why-we-built-extpage-info-tabs)