Boosting CW Bearing's Digital Capabilities With TYPO3 Headless Solution
Techniology
TYPO3 Headless & React Js
TYPO3 version
v11
Customised Extensions
4
Visit Website
https://cwbearing.de/
CW Bearing - Leading the Bearing Solution Provider
CW Bearing, based in Hamburg, Germany, a leading manufacturer of customised ball bearings. Founded in 1996, they've become Cixing's biggest sales branch globally. With a focus on efficiency, they supply Europe from their Hamburg warehouse and use on-site experts and labs to develop custom-bearing solutions for their customers.
CW Bearing's existing website lacked the speed, responsiveness, and performance capabilities to effectively generate leads. Clients need to use front-end technologies like React, Bootstrap, and SASS, with TYPO3 Headless as the backend in the website in website development. For that, CW Bearing partnered with NITSAN to develop an ultra-fast TYPO3 headless website.
Requirements and Challenges for this project
- Use TYPO3 Headless Concept
- Ultra-fast Website Performance with Fast Loading Time
- Content Translation & Integration with DeepL in multi-language
- Migrate Old Flex to Mask Elements
- Multi-language support for Website
- Visual Representations of Their Products
- Upgrade Website to latest TYPO3 v11
Words From Our Customers
Challenges for Us!
Team At CW GmbH Share their Needs and Scope of these projects ,Their primary goals are focused on creating a faster experience using TYPO3 Headless technology. They want a website that loads in a blink, eliminating wait times for visitors. Additionally, they aim to break down language barriers by having the website automatically adjust to the user's location . In essence, CW GmbH seeks a website that's swift, informative, and visually engaging for an overall improved user experience.
Requirements and Challenges for this project
- Use TYPO3 Headless Concept
- Ultra Responsive Website Performance with Fast Loading Time
- Content Translation with DeepL in multi language
- Migrate Old Flex to Mask Elements
- Multi Language Support for Website
- Visual Representations of Their Products
- Content Integration in Multi language
- Upgrade Website to latest TYPO3 v11
Solution We Delivered
We delivered a solution that met their needs for a website with both functional and technical excellence. We implemented TYPO3 Headless Development to utilise the latest technology stack. Additionally, we migrated from older TYPO3 elements to new mask elements and product configurations. We also enhanced the visual showcase of their information and improved the usability of the backend with customized options.
Built With TYPO3 Headless and React Js
The main focus of this website was utilize frontend technologies like React.js, Bootstrap, and SaaS to achieve faster loading times. For improved backend usability, TYPO3 Headless as the backend technology. This combination of TYPO3 Headless + React.js has resulted in a high-performing website with significantly faster loading times
Developed Product Configure Extension
CW Bearings needed a better way to display its complex product range with many variations. To address this custom requirement , we developed a custom TYPO3 extension called the Product Configurator Extension. That can enable customers to find products on bearing base type
7+ Multi Languages Support
We provide multi-language support in 07+ or more languages (EN,I.T,FR,PL,DE). This approach facilitates accessibility for global audiences, making communication and exchange more seamless and enjoyable for everyone, regardless of language barriers.
Better Visual Representation
One of our main challenges stemmed from the client's requirement to showcase a vast and intricate product catalogue with diverse specifications. This wasn't just about presenting all the data and information; it was crucial to make it visually appealing and user-friendly.
We developed following custom solutions
- Developed custom theme (ns_theme_cwbearing)
- Implement grid system and Headless Grid Elements Extension
Better Backed Usability
CW Bearings needed a website that could effectively support multiple languages while maintaining a user-friendly backend experience for their team. The existing system lacked the flexibility to accommodate their specific content management needs
We implemented several enhancements including
- Custom Theme Selection Options
- Used TYPO3 Base Theme
- Ultimate Backend Preview Options
- Added Grid Container System
- DeepL Translate for Easy Content Translations
- Add Our Flush Webhook Cache Extension
Upgrade to latest TYPO3 v11
We partnered with CW Bearings to upgrade their website to the latest version of TYPO3 v11. This comprehensive upgrade addressed their key challenges and resulted in several significant benefits
- Boosted backend flexibility with Node.js v13 upgrade
- Enhanced performance & scalability with React v18 upgrade
- Over 11+ key website pages were customized
- Implemented Flex to mask website elements
