With decades of experience in security services, Secureworks realized the need for a major overhaul of its digital properties. Their marketing team aimed to deliver a modern online experience and opted for a headless content management approach, necessitating a technology stack upgrade.
Dynamic Website & Sitecore CMS
Update Sitecore to the Latest Version
To achieve this transformation, Secureworks teamed up with Axamit’s experienced consultants and developers, who are well-versed in the latest technologies. They ensured a quick and smooth upgrade of the CMS and the launch of new features.
Headless Sitecore XP
The backend developer upgraded Sitecore XP to version 10, enabling the implementation of a headless content delivery approach and enhancing CMS capabilities for content authors.
The CMS update empowered the team to make full use of the new Horizon editor, streamlining content authoring and supporting multilingual content management.
Next.js Dynamic Website
The frontend developers have created an engaging website with a polished interface, promising smooth user experiences. The implementation of Next.js significantly accelerated the development process, simplifying setup and eliminating unnecessary code.
The new website was built based on the Next.js framework that provides flexible content delivery models including static site generation, server-side rendering, and a hybrid approach.
The new web solution met the requirements of content managers without imposing any technical constraints on Sitecore’s authoring interface and CMS capabilities.
Modern web development patterns and SEO best practices were implemented to ensure a clean and easy-to-maintain codebase and optimize the website performance.
Site performance optimization techniques significantly improve page loading speed and ensure visitors can swiftly access the content they are looking for, leading to increased engagement and higher satisfaction levels.
Technical SEO enhancements for Next.js apps included optimizing meta tags, schema markup, sitemaps, URL structures, and performance for improved search engine visibility and ranking.
Host Hotels & Resorts needed to enhance its website to align it with the preferences and expectations of investors. The previous design showed signs of aging and users requested feature enrichment. The company opted for a website revamp to ensure investors could easily find information and enjoy their online experience
Quick Site Refresh on a Budget
Lack of Internal Tech Team
To bring their vision to life, Host Hotels & Resorts partnered with tech consultants from Axamit to develop a dynamic website that incorporated the new web design and features.
Sitecore CMS and React Website
To pave the way for website modernization, it was imperative to upgrade the existing Sitecore CMS. Backend developers masterfully did the upgrade and migrated content from the Sitecore version 8 to the latest version 10. This upgrade allowed the further integration of the headless CMS with the new dynamic website.
The new website was built using the React library that provides flexible content delivery models including static site generation, server-side rendering, and a hybrid approach.
New Features Implementation
Developers from Axamit implemented a range of new features that helped showcase the properties owned by the company and assisted site visitors in navigating financial information and investor materials.
A new interactive map shows the location of properties from to the company portfolio. This map synchronizes with the hotel list filters, which helps investors navigate to hotels they are interested in, streamlining the selection process.
The featured properties component draws investors attention to the renovation efforts and emphasizes the results of reinvestment. It adds visibility into the trust’s property management, instilling greater confidence among investors.
The website presents financial data, including quarterly results, SEC filings, annual reports, stock information, and more. This approach not only upholds the design’s aesthetics but also provides a centralized and convenient platform for thorough financial analysis, facilitating access to data.
The web solution provides access to downloadable quarterly and annual results and corporate responsibility disclosure documents from any hotel description page, ensuring a smooth transition from property exploration to the analysis of financial data, and simplifying decision-making for investors.
Furthermore, web developers have incorporated popular site elements such as carousels, embedded videos, sliders, cards, navigation bars, off-canvas menus, site search, and an array of other features that enhance the new site’s visual appeal and functionality.
The manufacturing company set out to modernize its B2B dealer portal and enhance the ordering experience for the car parts distribution network members. The goal was to help dealers efficiently purchase parts in bulk from multiple suppliers. However, the outdated legacy systems, rooted in the ’90s, couldn’t deliver the experience dealers demanded and the company had to start a complex digital transformation.
Managing a Catalog of >300k SKUs
A Gap Between ERP & Online Platform
Deep Customization of Adobe Commerce
The company decided to engage Adobe Commerce experts from Axamit. Our team estimated the project scope and planned the development in two stages. In the first stage, we aimed to roll out an MVP that would include features sufficient for a quick soft launch of the new dealer portal. In later stages, the plan was to gradually expand its capabilities.
The project was split between backend and frontend teams. Each team worked on its tasks under the supervision of Team Leads. The work on the project was coordinated by Solution Architect and a Business Analyst ensuring synchronized delivery of functionalities for optimal results.
The MVP of the dealer portal was rolled out within just four months. A selected group of dealers was invited to test it, and they quickly adapted to the new tool. Orders through the new B2B portal began flowing in within a week of its launch.
Online B2B Dealer Portal
Adobe Commerce Сontrol Panel
The new Adobe Commerce control panel has transformed the way Business Administrators and Sales Representatives operate. We’ve developed a tool that simplifies the management of catalogs, content, discounts, and orders. Additionally, it provides statistics for sales insights.
React-Based Dynamic Website
The new dynamic website has made a vast catalog of car parts easily accessible for Counter Reps and Parts Managers within the dealership network. It allows dealers to choose from in-stock items or opt for drop shipping from 13 other suppliers, facilitating quick orders for hundreds of products through a simple CSV file upload.
Adobe Commerce & ERP Integration
The implementation of Adobe Commerce marked the first phase in the company’s digital transformation journey. Other systems were pending upgrades, posing additional challenges for us to address.
Data Preprocessing Microservices
As a stopgap measure, we had to integrate the new dealer portal with the existing ERP system. Given the severe limitations in data export capabilities of the HTI ERP, our strategy involved creating custom software to process ERP data before seamlessly importing it into Adobe Commerce. Additionally, we had to come up with a solution to prevent the automatic backflow of data until the ERP was upgraded.
The microservice checks the data in the most recent files from the ERP system with the existing information in Adobe Commerce. It identifies any new or changed data, arranges it neatly, and divides it into chunks, each containing about 10,000 records.
The processed data is transferred into Adobe Commerce in segments through its API. The data import queue is managed by RabbitMQ, a message broker that ensures a stable flow of information from the processing middleware to the dealer portal.
To ensure quick page loading, CDN efficiently manages product images. This helps optimal utilization of network resources, leading to faster media content delivery, reducing wait times, improving reliability, and providing a seamless customer experience.
Until the ERP upgrade the data from the dealer portal doesn’t flow back to internal systems. Instead, details about new orders on the platform are sent via automatic order confirmation emails to our Client’s Customer Service Reps, who then enter these orders into the ERP manually.
Data Flow Between HTI ERP & Adobe Commerce
Upcoming Stages of Transformation
As the digital transformation journey unfolds, there’s more to come. Our team is improving the solution, incorporating additional features and new integrations. Currently, we are in the final stages of integrating Power BI, a move that will empower our Client to analyze the performance of the new portal. Looking ahead, the next significant milestone will be transitioning to a new ERP solution.
GatherContent aimed to offer their customers a user-friendly tool that would facilitate the migration of content assets between their content operations platform and Adobe Experience Manager. The company’s objective was to assist customers in standardizing, structuring, and scaling their content production workflows.
To ensure the successful development of this solution, GatherContent sought out AEM developers with extensive experience in integrating Adobe software, guaranteeing the necessary expertise for building a robust and tailored solution.
Axamit developers created the GatherContent & AEM integration module that enables seamless content exchange and synchronization between GatherContent and AEM. With this solution, editors now have the power to effortlessly map structured text and media content assets between the two systems, enabling seamless import, export, and bulk updates.
Mapping Content Between AEM and GatherContent
Editors can set up import and export mappings between Templates in GatherContent and Pages in AEM and their corresponding components. The capabilities of the integration module allow editors to:
- Map a GatherContent Template to multiple AEM templates.
- Map component field structure between GatherContent and AEM.
- Use AEM Multi-Site Manager to import content to several sites.
- Configure mapping for content with several language versions.
Import/Export Content between GatherContent and AEM
Editors can migrate content items between systems in both directions using suitable import or export mappings. The results page is displayed for every session with a list of successfully processed and failed items linked to the log file. The integration allows editors to:
- Replicate the hierarchical structure for imported items or rearrange them.
- Import content to any AEM components, including custom components.
- Populate content to multiple locations in the AEM with different import paths.
- Import metadata attached to content in GatherContent to AEM page properties.
Update Imported/Exported Content
To keep content in sync between the systems, editors can update content that has previously been migrated between AEM and GatherContent in either direction. The integration allows to:
- Update content even if the DAM hierarchical structure differs between systems.
- See the list of successfully updated items and check if there were any errors.
- Get GatherContent workflow statuses for the content items updated automatically.
Regulate Speed and Capacity
The integration plugin ensures efficient data exchange between systems. The editors have control over the plugin resource utilization to align it with other authoring processes. To optimize export, import, and update sessions, editors can:
- Configure up to 200 parallel worker threads for optimal processing speed.
- Reduce the number of parallel jobs in system configuration for lower CPU consumption.
- View progress and results on dedicated URLs for processes running in the background.
A car manufacturing company collaborates with Adobe to drive digital transformation in marketing and sales across its brand portfolio.
Building on the success of the UX and UI enhancements introduced to one of its brand’s websites, the company decided to extend the new standard of customer experiences to the rest of its online properties.
The company is famous for its premium driving experience and aims for customers to encounter speed, exceptional performance, and comfort in every interaction with their brands. Therefore, enhancing site performance was a priority.
Our client decided to implement a CMS supporting multi-site management to create consistent experiences for different markets. Although local marketing teams produce content separately, every site feature should be developed once and get available for all teams.
The company engaged Axamit’s AEM frontend developers to implement uniform web UX and UI across sites. They create a site experience that supports the new company standards.
To reduce the initial page payload and improve load times without compromising content, the team implemented lazy loading. This technique ensures that off-screen images are loaded only when needed, specifically when a user scrolls down the page.
To gently encourage users to download the company’s mobile app from the App Store or Google Play, the company integrated smart app banners across all Android and iOS mobile web browsers. These banners are configured in the AEM-based CMS and adhere to the best practices of unobtrusive promotion methods.
To facilitate the selection of car dealers and provide visitors with relevant information without leaving the website, the company built a Dealer Navigation component. This dynamic menu incorporates links and drop-down lists that dynamically change based on the offerings of every dealer. The information and contact details displayed on these pages are sourced from the dealer’s online properties and are always up to date.
The company uses 3-party online chat and customer feedback widgets. As the widgets were developed by different teams, they had different designs. The widget icons were scattered in various sections of the page and disrupted the site experience. The company consolidated the icons into a single CTA bar to ensure a more cohesive UX and visually appealing UI.
The frontend development team ran the Lighthouse site audit to identify areas for improvement in page load speed. They introduced the most impactful changes recommended in the report to enhance site performance.
The company introduced universal notification banners to assist dealers in delivering urgent or time-sensitive information to visitors through their pages on the car brand’s site.
The team ensured the back-forward cache works reliably, enabling users’ browsers to store snapshots of previously visited web pages and swiftly display content when users navigate back and forth.
The Semiconductor company needed to extend the out-of-the-box capabilities of Marketo Engage and effectively integrate the tool into the hybrid software ecosystem to improve marketing campaigns by using more accurate and complete data about leads across systems.
Align Sales and Marketing
Ensure Data Quality
Improve Prospects to SAL Conversion Rate
Our team suggested a solution architecture, set up required integrations, and extended Marketo Engage capabilities with a custom application.
Marketo Integrations and Data Flows
A range of integrations with third-party applications was implemented to enrich data and refine campaigns to achieve shorter sales cycles.
The company can accurately attribute leads to marketing channels to optimize marketing strategies and allocate resources effectively.
Import data to Marketo Engage from AEM, Adobe Commerce, and Salesforce, and export data to Adobe Analytics and BI tools.
A bot filtering solution prevents bots from triggering campaigns, and corrupting metrics, and keeps the base clean from spam records.
Integration with Adobe Analytics and automated daily export of data from Marketo Engage to the client’s BI tool ensures all stakeholders can access the most up-to-date information and make data-driven decisions to improve operations and business performance.
Customer Data Enrichment
Our team built an MKTO middleware app to bridge the gap between the systems and enrich the database with additional information from Google Ads, LinkedIn, and Facebook, Forms embedded on the website and on landing Pages, eCommerce store, CheckMarket, On24.
Track user activities not captured by default and use this data to improve engagement and conversion rates of marketing campaigns.
Track who shows interest in specific products to send promotions that match people’s preferences or current needs.
Keep a record of the files every user downloads from the site to tailor marketing campaigns to their current interests.
Enable subscribers to choose the types of messages they want to receive to improve the relevance of email campaigns.
Data Deduplication Strategy
The client’s database was too large and complex for Marketo’s standard merge feature and required a custom approach to merging records.
We built a merging process that aligns with business logic to select winners between duplicated records and conflicting field values for the client’s team to work with the most accurate and complete data.
Our specialists set up automation allowing the client’s team to handle large numbers of duplicate leads with over 600+ fields per record while staying within API call limits and reasonable processing time.
We implemented a recovery flow to prevent data loss or corruption while merging records and ensure that any issue can be addressed.