{"id":2520,"date":"2026-06-07T16:55:46","date_gmt":"2026-06-07T13:55:46","guid":{"rendered":"https:\/\/commerce-consulting-services.com\/en\/?post_type=project&#038;p=2520"},"modified":"2026-06-09T16:51:09","modified_gmt":"2026-06-09T13:51:09","slug":"composable-storefront-for-a-nordic-retail-brand","status":"publish","type":"project","link":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/","title":{"rendered":"Engineering a Composable Storefront for a Leading Nordic Retail Brand"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hero&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;8363d3a1-7f13-4aae-8984-26124f93e21c&#8221; background_color_gradient_stops=&#8221;#1d3557 80%|#ffffff 80%&#8221; bottom_divider_style=&#8221;waves2&#8243; bottom_divider_color=&#8221;#FFFFFF&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-10vw&#8221; box_shadow_color=&#8221;#FFFFFF&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22colorEnd%22%93}&#8221;][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; max_width=&#8221;800px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Accessibility, Experimentation, and Search at Scale on a Composable Storefront&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;ddeb8c09-9078-4424-bc15-2efb6572e28e&#8221; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#FFFFFF&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;0504de1e-f5ff-4281-ba60-cbbe4edf98bc&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; text_orientation=&#8221;center&#8221; locked=&#8221;off&#8221;]<\/p>\n<p>Discover how we hardened and extended a SAP Commerce Cloud composable storefront for a leading Nordic retail brand, driving WCAG accessibility compliance, delivering A\/B experiments on the storefront&#8217;s established testing framework, and deepening headless search across the Angular frontend and the SAP Commerce backend.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2026\/06\/composable-storefront-case-study.jpg&#8221; title_text=&#8221;E-commerce storefront on a laptop&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;1cc6152f-565c-4c4d-b0c9-cf8c9576c341&#8243; box_shadow_style=&#8221;preset4&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;24px&#8221; box_shadow_blur=&#8221;72px&#8221; box_shadow_spread=&#8221;-12px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Text&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#000000&#8243; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; custom_padding=&#8221;||0px|||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.1&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Project Overview&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;f0c675ea-2574-4d0e-b725-30f8550a8550&#8243; title_level=&#8221;h4&#8243; title_font=&#8221;IBM Plex Sans|IBM Plex Sans Condensed_weight||on|||||&#8221; title_text_color=&#8221;#457b9d&#8221; title_font_size=&#8221;14px&#8221; title_letter_spacing=&#8221;1px&#8221; title_line_height=&#8221;1.4em&#8221; custom_margin=&#8221;||10px||false|false&#8221; title_font_size_tablet=&#8221;13px&#8221; title_font_size_phone=&#8221;13px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#457b9d%22:%91%22title_text_color%22%93}&#8221;][\/et_pb_heading][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.1&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.1&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Full-Stack Engineering on SAP Composable Commerce&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;ba4a6336-701f-47b8-bf5c-09da0ce28016&#8243; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; title_text_color=&#8221;#FFFFFF&#8221; title_font_size_tablet=&#8221;28px&#8221; title_font_size_phone=&#8221;20px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_button button_url=&#8221;#intro&#8221; button_text=&#8221;Learn More&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;1bffc0fc-42a0-49d1-bd9a-ae3ade2d7206&#8243; button_bg_color=&#8221;#1d3557&#8243; button_font=&#8221;IBM Plex Sans|700|||||||&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.1&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;0504de1e-f5ff-4281-ba60-cbbe4edf98bc&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#1d3557%22:%91%22link_text_color%22%93,%22#0e0c19%22:%91%22header_text_color%22,%22header_4_text_color%22,%22header_3_text_color%22,%22header_2_text_color%22,%22header_5_text_color%22,%22header_6_text_color%22%93,%22#3c3a47%22:%91%22text_text_color%22%93,%22#457b9d%22:%91%22quote_border_color%22%93,%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22icon_color%22,%22icon_color%22%93}&#8221; body_font_size_tablet=&#8221;15px&#8221; body_font_size_phone=&#8221;14px&#8221; body_font_size_last_edited=&#8221;on|desktop&#8221;]<\/p>\n<p>Working alongside a SAP implementation partner, we contributed across the full stack of a leading Nordic retail brand&#8217;s composable storefront: backend commerce extensions (Java, Spring, ImpEx) and the headless Angular application. The focus was accessibility and standards compliance, delivering storefront A\/B experiments, and extended headless search, faceting, and CMS-driven content.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Project&#8221; module_id=&#8221;intro&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Project Overview&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;f0c675ea-2574-4d0e-b725-30f8550a8550&#8243; title_level=&#8221;h4&#8243; title_font=&#8221;IBM Plex Sans|IBM Plex Sans Condensed_weight||on|||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#1d3557&#8243; title_font_size=&#8221;14px&#8221; title_letter_spacing=&#8221;1px&#8221; title_line_height=&#8221;1.4em&#8221; custom_margin=&#8221;||10px||false|false&#8221; title_font_size_tablet=&#8221;13px&#8221; title_font_size_phone=&#8221;13px&#8221; title_font_size_last_edited=&#8221;on|desktop&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#1d3557%22:%91%22title_text_color%22%93}&#8221;][\/et_pb_heading][et_pb_heading title=&#8221;Composable Commerce Engineering at Scale&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;c33f07d9-41e0-421a-8799-5799df695cce&#8221; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#0e0c19&#8243; locked=&#8221;off&#8221;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;048d8e79-b07f-439b-bd57-f41c14f0a56b&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/images.unsplash.com\/photo-1481487196290-c152efe083f5?ixlib=rb-4.1.0&#038;fm=webp&#038;fit=crop&#038;crop=entropy&#038;w=1080&#038;h=600&#038;q=20&#038;dpr=2&#8243; title_text=&#8221;Developer workspace with code and design tools&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;8249bb47-7bda-4c77-8a37-2a958f7a9826&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.25.1&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Our client, a leading Nordic retail brand, runs its digital storefront on SAP Commerce Cloud with a custom Angular composable frontend built on SAP&#8217;s storefront libraries. The brand needed the storefront brought up to accessibility standards, a systematic way to run experiments, and richer headless search across a multilingual catalogue (English and Norwegian).<\/p>\n<p>Engaged as a freelance senior engineer embedded with the implementation partner, our work spanned both the SAP Commerce backend and the Angular frontend. Features were delivered end-to-end, from the search index and data model through to the rendered component, under a CI-driven, PR-reviewed workflow. The engagement ran across Q2-Q3 2026.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Text &#038; Image&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Challenges &#038; Objectives&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ba4a6336-701f-47b8-bf5c-09da0ce28016&#8243; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_image src=&#8221;https:\/\/images.unsplash.com\/photo-1517292987719-0369a794ec0f?ixlib=rb-4.1.0&#038;fm=webp&#038;fit=crop&#038;crop=entropy&#038;w=1080&#038;h=600&#038;q=20&#038;dpr=2&#8243; title_text=&#8221;UX wireframes and accessibility design&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;1cc6152f-565c-4c4d-b0c9-cf8c9576c341&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The storefront was large and mature, with an established visual design that had to be preserved. Accessibility gaps spanned navigation, forms, listings, and checkout; there was no standardised pattern for running experiments; and headless search needed to support localised, multi-valued product attributes.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Key objectives included:&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ba4a6336-701f-47b8-bf5c-09da0ce28016&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;27px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#xf109;||fa||900&#8243; icon_color=&#8221;#0C71C3&#8243; align=&#8221;center&#8221; module_class=&#8221;ai_ignore_font_icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;c2c23269-d09e-4bca-9247-65cd5ecf15a9&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\">Achieving broad WCAG conformance across navigation, forms, listings, and product pages<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#xf78c;||fa||900&#8243; icon_color=&#8221;#0C71C3&#8243; align=&#8221;center&#8221; module_class=&#8221;ai_ignore_font_icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;c2c23269-d09e-4bca-9247-65cd5ecf15a9&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\">Delivering storefront experiments within the established A\/B-testing framework<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#xf1b3;||fa||900&#8243; icon_color=&#8221;#0C71C3&#8243; align=&#8221;center&#8221; module_class=&#8221;ai_ignore_font_icon&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;c2c23269-d09e-4bca-9247-65cd5ecf15a9&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_icon][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\">Extending headless search and faceting for localised, multi-valued attributes<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Beyond these, we delivered flexible CMS-driven homepage and content components, localised human-readable category URLs for SEO, and duplicate-detection tooling for catalog operators in the back office, each implemented across both the frontend and the backend.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Text &#038; Image&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.0&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Solution &#038; Approach&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;ba4a6336-701f-47b8-bf5c-09da0ce28016&#8243; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_image src=&#8221;https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?ixlib=rb-4.1.0&#038;fm=webp&#038;fit=crop&#038;crop=entropy&#038;w=1080&#038;h=600&#038;q=20&#038;dpr=2&#8243; title_text=&#8221;Source code on a screen&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;1cc6152f-565c-4c4d-b0c9-cf8c9576c341&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16.0&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_accordion _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion_item title=&#8221;1. Accessibility and WCAG Conformance&#8221; open=&#8221;off&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"p1\">The largest theme of the engagement: reworking semantic structure and assistive-technology support across the storefront, without changing the established visual design.<\/p>\n<p class=\"p1\">Work included:<\/p>\n<ul>\n<li>\n<p class=\"p1\">Corrected heading hierarchies and fixed invalid markup nesting<\/p>\n<\/li>\n<li>\n<p class=\"p1\">Correct ARIA semantics (aria-expanded, aria-pressed, accessible names, fieldset and legend grouping)<\/p>\n<\/li>\n<li>\n<p class=\"p1\">Dynamic state announced to screen readers via the Angular CDK LiveAnnouncer, with colour contrast raised to WCAG AA<\/p>\n<\/li>\n<\/ul>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;2. A\/B-Testing Capability&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221;]<\/p>\n<p class=\"p1\">We delivered multiple experiments on the storefront&#8217;s established A\/B-testing pattern: page-level experiment data drives a conditional control or variant render, with a styling service applying experiment classes at the document level. Experiments spanned carousels, navigation, category listings, and homepage variants. A strict rule held throughout: variant changes never modified the control baseline.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;3. Headless Search and Faceted Navigation&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221;]<\/p>\n<p class=\"p1\">On the backend, we extended the search indexing layer with value providers for localised, multi-valued enum-collection attributes, and handled those collections in the search expression evaluator. On the frontend, faceted navigation gained alphabetical sorting, in-place selection highlighting, stable item tracking, and larger, accessible filter controls.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;4. CMS Content, SEO, and Back-Office Tooling&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;on&#8221;]<\/p>\n<p class=\"p1\">New CMS component types and layout slots were delivered (promotional cards, click-and-collect cards, media banners, multi-column homepage sections), provisioned via ImpEx. For SEO, we added a localised, human-readable category URL slug with a uniqueness constraint. For operators, we built an extended duplicate-detection back-office action backed by Flexible Search.<\/p>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Features&#8221; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; custom_margin=&#8221;|auto|-10px|auto|false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Technologies &#038; Tools&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;c33f07d9-41e0-421a-8799-5799df695cce&#8221; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#0e0c19&#8243;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;c948bff6-554d-4de7-99f0-8c1387a293a6&#8243; background_color=&#8221;#1d3557&#8243; border_radii=&#8221;off|6px|6px||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;SAP Commerce Cloud&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221;]<\/p>\n<p>Version 2211.51, Composable Commerce, ImpEx, Back Office<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Frontend &#038; Angular&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221; global_colors_info=&#8221;{%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22icon_color%22,%22icon_color%22%93}&#8221;]<\/p>\n<p class=\"p1\">Angular 19 (signals), SAP storefront libs 2211.x, NgRx, RxJS, CDK, SSR\/PWA<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Backend &#038; APIs&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221; global_colors_info=&#8221;{%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22icon_color%22,%22icon_color%22%93}&#8221;]<\/p>\n<p class=\"p1\">Java, Spring, Flexible Search, OCC REST web services<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;c948bff6-554d-4de7-99f0-8c1387a293a6&#8243; background_color=&#8221;#1d3557&#8243; border_radii=&#8221;off|||6px|6px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Search &#038; Integrations&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221;]<\/p>\n<p>Solr 9.x, Algolia, Kundo, payment SDK, GTM, consent<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Build &#038; CI\/CD&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221; global_colors_info=&#8221;{%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22icon_color%22,%22icon_color%22%93}&#8221;]<\/p>\n<p>Gradle, Docker, Jenkins, AWS CodeArtifact, Git<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;24385ca2-769f-4664-bda9-1443db945d08&#8243; background_color=&#8221;#1d3557&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Testing &#038; Quality&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;ca79a742-981f-479f-a8a2-3a0292efaff0&#8243; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; background_mask_style=&#8221;diagonal&#8221; global_colors_info=&#8221;{%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22icon_color%22,%22icon_color%22%93}&#8221;]<\/p>\n<p>JUnit and Karma, code-quality gates, PR-based review<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Key Learnings &#038; Reflections&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_heading][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_icon font_icon=&#8221;&#xf10d;||fa||900&#8243; icon_color=&#8221;#457b9d&#8221; align=&#8221;center&#8221; module_class=&#8221;ai_ignore_font_icon&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;c2c23269-d09e-4bca-9247-65cd5ecf15a9&#8243; global_colors_info=&#8221;{%22#457b9d%22:%91%22icon_color%22%93}&#8221;][\/et_pb_icon][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Accessibility proved to be an architecture-and-semantics problem rather than a styling one. The highest-impact fixes were correct heading order, native elements (fieldset and legend, real buttons), and announcing dynamic state, all while preserving the existing visual design.<\/p>\n<p>Working across both the SAP Commerce backend and the Angular frontend was the real advantage: features like localised enum facets or SEO slugs only make sense when the index, the data model, and the rendered component are designed together. On experimentation, respecting the established A\/B wiring and treating the control baseline as immutable kept experiments clean and reliable.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Features&#8221; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; make_equal=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; background_color=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22button_text_color%22,%22button_text_color%22,%22button_text_color%22%93}&#8221;][et_pb_heading title=&#8221;Results &#038; Impact&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;ba4a6336-701f-47b8-bf5c-09da0ce28016&#8243; title_level=&#8221;h2&#8243; title_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_text quote_border_color=&#8221;#457b9d&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;2c55a9c4-feed-423b-9edb-ae0b5b365cac&#8221; text_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; link_font=&#8221;|IBM Plex Sans_weight|||||||&#8221; link_text_color=&#8221;#1d3557&#8243; quote_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_2_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_3_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_4_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_5_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_6_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>The storefront became measurably more accessible, gained a repeatable way to run experiments, and offered richer product discovery, all without disrupting the brand&#8217;s established design.<\/p>\n<p>[\/et_pb_text][et_pb_button button_text=&#8221;Learn More&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;1bffc0fc-42a0-49d1-bd9a-ae3ade2d7206&#8243; button_bg_color=&#8221;#1d3557&#8243; button_font=&#8221;IBM Plex Sans|700|||||||&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;50607da8-57bc-4d4b-aaef-f02e41c2cc4a&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Accessibility Compliance&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; icon_color=&#8221;#1d3557&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;212b201d-2c34-41bd-936c-851b7357d08b&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_link_text_color=&#8221;#1d3557&#8243; background_mask_style=&#8221;triangles&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#0e0c19%22:%91%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22%93,%22#1d3557%22:%91%22icon_color%22%93}&#8221;]<\/p>\n<p>Dozens of discrete WCAG fixes across navigation, forms, listings, product, and checkout flows.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;50607da8-57bc-4d4b-aaef-f02e41c2cc4a&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Repeatable Experimentation&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; icon_color=&#8221;#1d3557&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;212b201d-2c34-41bd-936c-851b7357d08b&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_link_text_color=&#8221;#1d3557&#8243; background_mask_style=&#8221;triangles&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#0e0c19%22:%91%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22%93,%22#1d3557%22:%91%22icon_color%22%93}&#8221;]<\/p>\n<p>Multiple live A\/B experiments delivered on the storefront&#8217;s established testing framework, from carousels to homepage variants.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; make_equal=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; background_color=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22button_text_color%22,%22button_text_color%22,%22button_text_color%22%93}&#8221;][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;50607da8-57bc-4d4b-aaef-f02e41c2cc4a&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Richer Search &#038; Faceting&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; icon_color=&#8221;#1d3557&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;212b201d-2c34-41bd-936c-851b7357d08b&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_link_text_color=&#8221;#1d3557&#8243; background_mask_style=&#8221;triangles&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#0e0c19%22:%91%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22%93,%22#1d3557%22:%91%22icon_color%22%93}&#8221;]<\/p>\n<p>Headless search extended to localised, multi-valued attributes, enabling deeper product filtering.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; saved_specialty_column_type=&#8221;2_3&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;50607da8-57bc-4d4b-aaef-f02e41c2cc4a&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blurb title=&#8221;Self-Service Content &#038; SEO&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#xf0a9;||fa||900&#8243; icon_color=&#8221;#1d3557&#8243; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;212b201d-2c34-41bd-936c-851b7357d08b&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_link_text_color=&#8221;#1d3557&#8243; background_mask_style=&#8221;triangles&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22#0e0c19%22:%91%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22,%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22,%22body_text_color%22%93,%22#1d3557%22:%91%22icon_color%22%93}&#8221;]<\/p>\n<p>Flexible CMS-driven components for marketing self-service, plus localised, human-readable category URLs.<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Testimonials&#8221; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Project Summary&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<table border=\"1\" style=\"border-collapse: collapse; width: 100%; height: 144px;\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Role<\/strong><\/td>\n<td style=\"height: 24px;\">Senior SAP Commerce &amp; Angular Developer (freelance)<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Duration<\/strong><\/td>\n<td style=\"height: 24px;\">Q2-Q3 2026<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>SAP Version<\/strong><\/td>\n<td style=\"height: 24px;\">SAP Commerce Cloud 2211.51 (Composable Commerce)<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Focus Area<\/strong><\/td>\n<td style=\"height: 24px;\">Accessibility \/ WCAG, A\/B testing, headless search, CMS content, SEO, back-office tooling<\/td>\n<\/tr>\n<tr style=\"height: 24px;\">\n<td style=\"height: 24px;\"><strong>Result<\/strong><\/td>\n<td style=\"height: 24px;\">A standards-compliant, experiment-ready storefront with extended search and content capabilities<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?ixlib=rb-4.1.0&#038;fm=webp&#038;fit=crop&#038;crop=entropy&#038;w=1080&#038;h=600&#038;q=20&#038;dpr=2&#8243; title_text=&#8221;Analytics dashboard on a laptop&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Call to Action&#8221; _builder_version=&#8221;4.23.1&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;5138c454-be54-4233-bd3b-f8e6a8747976&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_cta title=&#8221;Interested in similar results?&#8221; button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjE0In19@&#8221; button_text=&#8221;Contact Us&#8221; _builder_version=&#8221;4.27.4&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;be0cc754-576a-4b1c-868d-f6226f85de4d&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_text_align=&#8221;left&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_text_align=&#8221;left&#8221; button_bg_color=&#8221;#1d3557&#8243; button_font=&#8221;IBM Plex Sans|700|||||||&#8221; button_alignment=&#8221;left&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-828accbb-1ed2-407d-95be-20ab4e191566%22:%91%22border_color_all%22%93,%22#0e0c19%22:%91%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22%93,%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22button_text_color%22,%22button_text_color%22%93,%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22button_text_color%22,%22button_text_color%22,%22button_text_color%22%93}&#8221; text_font_size_tablet=&#8221;16px&#8221; text_font_size_phone=&#8221;14px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<p class=\"p1\">Let\u2019s discuss how I can help you build clean, maintainable, and scalable SAP Commerce solutions<\/p>\n<p>[\/et_pb_cta][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;73121f80-a3ef-4484-8763-c3f18e3c56d2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_cta title=&#8221;Want to see more projects?&#8221; button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjEwIn19@&#8221; button_text=&#8221;View All Projects&#8221; _builder_version=&#8221;4.27.4&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;4c2ad5d0-871e-414e-a4be-aa9134d4ae8e&#8221; header_font=&#8221;IBM Plex Sans Condensed|IBM Plex Sans Condensed_weight|||||||&#8221; header_text_align=&#8221;left&#8221; body_font=&#8221;IBM Plex Sans|IBM Plex Sans_weight|||||||&#8221; body_text_align=&#8221;left&#8221; button_bg_color=&#8221;#1d3557&#8243; button_font=&#8221;IBM Plex Sans|700|||||||&#8221; button_alignment=&#8221;left&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{%22gcid-828accbb-1ed2-407d-95be-20ab4e191566%22:%91%22border_color_all%22%93,%22#0e0c19%22:%91%22header_text_color%22%93,%22#3c3a47%22:%91%22body_text_color%22%93,%22gcid-f2943306-fa6c-45f0-b632-5fc00151366a%22:%91%22button_text_color%22,%22button_text_color%22%93,%22gcid-36fd78a7-34bc-404d-873c-dafa34efaae5%22:%91%22button_text_color%22,%22button_text_color%22,%22button_text_color%22%93}&#8221; text_font_size_tablet=&#8221;16px&#8221; text_font_size_phone=&#8221;14px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221;]<\/p>\n<p class=\"p1\">Discover how complex business processes have been optimized, performance improved, and scalable, well-documented solutions implemented<\/p>\n<p>[\/et_pb_cta][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover how we hardened and extended a SAP Commerce Cloud composable storefront for a leading Nordic retail brand, driving WCAG accessibility compliance, delivering A\/B experiments on the storefront&#8217;s established testing framework, and deepening headless search across the Angular frontend and the SAP Commerce backend.Working alongside a SAP implementation partner, we contributed across the full stack [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2519,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"project_category":[12,20,10,11,28,18,9],"project_tag":[],"class_list":["post-2520","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-backend","project_category-flexible-search","project_category-hybris","project_category-java","project_category-jenkins","project_category-junit","project_category-sap-commerce"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Elvijs Kuk\u0161a\"\/>\n\t<meta name=\"google-site-verification\" content=\"VYgEtIGu2UMCVRQzTVsu62CddnKJZUgHwFAk099hSWM\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Commerce Consulting Services - Scalable IT Solutions for Enterprises &amp; Small Business Websites\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Composable Storefront Engineering for a Nordic Retail Brand\" \/>\n\t\t<meta property=\"og:description\" content=\"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-06-07T13:55:46+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-06-09T13:51:09+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Commerce-Consulting-Services\/61583284653551\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@ccserviceslv\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Composable Storefront Engineering for a Nordic Retail Brand\" \/>\n\t\t<meta name=\"twitter:description\" content=\"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@ccserviceslv\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/#listItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/project-type\\\/#listItem\",\"name\":\"Project type\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/project-type\\\/#listItem\",\"position\":3,\"name\":\"Project type\",\"item\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/project-type\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/sap-commerce\\\/#listItem\",\"name\":\"sap commerce\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/#listItem\",\"name\":\"Projects\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/sap-commerce\\\/#listItem\",\"position\":4,\"name\":\"sap commerce\",\"item\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/sap-commerce\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#listItem\",\"name\":\"Engineering a Composable Storefront for a Leading Nordic Retail Brand\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/project-type\\\/#listItem\",\"name\":\"Project type\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#listItem\",\"position\":5,\"name\":\"Engineering a Composable Storefront for a Leading Nordic Retail Brand\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project_category\\\/sap-commerce\\\/#listItem\",\"name\":\"sap commerce\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/#organization\",\"name\":\"Commerce Consulting Services\",\"description\":\"We help businesses of all sizes succeed online - from enterprise-scale SAP Commerce (Hybris) implementations to modern WordPress websites for small and medium businesses. With over a decade of experience in software development and digital transformation, we deliver scalable, high-performance solutions built on clean code, solid architecture, and a user-focused design approach. Whether you need an SAP Commerce consultant, custom API integrations, or a new website that reflects your brand and drives growth, we combine technical expertise with clear communication and reliable delivery.\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/\",\"telephone\":\"+37126836522\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":0,\"maxValue\":10},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/cropped-CCS-logo-light.png\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#organizationLogo\",\"width\":512,\"height\":512,\"caption\":\"SIA Commerce Consulting Services logo\"},\"image\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Commerce-Consulting-Services\\\/61583284653551\\\/\",\"https:\\\/\\\/x.com\\\/ccserviceslv\",\"https:\\\/\\\/www.instagram.com\\\/ccserviceslv\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/commerce-consulting-services\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/author\\\/admin\\\/\",\"name\":\"Elvijs Kuk\\u0161a\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/371020fab7923040d7b0642584850486083feef763f55951631b686b55d2ff4d?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Elvijs Kuk\\u0161a\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#webpage\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/\",\"name\":\"Composable Storefront for a Nordic Retail Brand | Case Study\",\"description\":\"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\\\/B experiments, and headless search across an Angular frontend and SAP backend.\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/author\\\/admin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/composable-storefront-case-study.jpg\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#mainImage\",\"width\":1200,\"height\":800,\"caption\":\"E-commerce composable storefront displayed on a laptop\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/project\\\/composable-storefront-for-a-nordic-retail-brand\\\/#mainImage\"},\"datePublished\":\"2026-06-07T16:55:46+03:00\",\"dateModified\":\"2026-06-09T16:51:09+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/\",\"name\":\"Commerce Consulting Services\",\"description\":\"Scalable IT Solutions for Enterprises & Small Business Websites\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/commerce-consulting-services.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Composable Storefront for a Nordic Retail Brand | Case Study","description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","canonical_url":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VYgEtIGu2UMCVRQzTVsu62CddnKJZUgHwFAk099hSWM","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/commerce-consulting-services.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/#listItem","position":2,"name":"Projects","item":"https:\/\/commerce-consulting-services.com\/en\/project\/","nextItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/#listItem","name":"Project type"},"previousItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/#listItem","position":3,"name":"Project type","item":"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/","nextItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/#listItem","name":"sap commerce"},"previousItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/#listItem","name":"Projects"}},{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/#listItem","position":4,"name":"sap commerce","item":"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/","nextItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#listItem","name":"Engineering a Composable Storefront for a Leading Nordic Retail Brand"},"previousItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/#listItem","name":"Project type"}},{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#listItem","position":5,"name":"Engineering a Composable Storefront for a Leading Nordic Retail Brand","previousItem":{"@type":"ListItem","@id":"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/#listItem","name":"sap commerce"}}]},{"@type":"Organization","@id":"https:\/\/commerce-consulting-services.com\/en\/#organization","name":"Commerce Consulting Services","description":"We help businesses of all sizes succeed online - from enterprise-scale SAP Commerce (Hybris) implementations to modern WordPress websites for small and medium businesses. With over a decade of experience in software development and digital transformation, we deliver scalable, high-performance solutions built on clean code, solid architecture, and a user-focused design approach. Whether you need an SAP Commerce consultant, custom API integrations, or a new website that reflects your brand and drives growth, we combine technical expertise with clear communication and reliable delivery.","url":"https:\/\/commerce-consulting-services.com\/en\/","telephone":"+37126836522","numberOfEmployees":{"@type":"QuantitativeValue","minValue":0,"maxValue":10},"logo":{"@type":"ImageObject","url":"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#organizationLogo","width":512,"height":512,"caption":"SIA Commerce Consulting Services logo"},"image":{"@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/people\/Commerce-Consulting-Services\/61583284653551\/","https:\/\/x.com\/ccserviceslv","https:\/\/www.instagram.com\/ccserviceslv\/","https:\/\/www.linkedin.com\/company\/commerce-consulting-services\/"]},{"@type":"Person","@id":"https:\/\/commerce-consulting-services.com\/en\/author\/admin\/#author","url":"https:\/\/commerce-consulting-services.com\/en\/author\/admin\/","name":"Elvijs Kuk\u0161a","image":{"@type":"ImageObject","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/371020fab7923040d7b0642584850486083feef763f55951631b686b55d2ff4d?s=96&d=mm&r=g","width":96,"height":96,"caption":"Elvijs Kuk\u0161a"}},{"@type":"WebPage","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#webpage","url":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/","name":"Composable Storefront for a Nordic Retail Brand | Case Study","description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/commerce-consulting-services.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#breadcrumblist"},"author":{"@id":"https:\/\/commerce-consulting-services.com\/en\/author\/admin\/#author"},"creator":{"@id":"https:\/\/commerce-consulting-services.com\/en\/author\/admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2026\/06\/composable-storefront-case-study.jpg","@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#mainImage","width":1200,"height":800,"caption":"E-commerce composable storefront displayed on a laptop"},"primaryImageOfPage":{"@id":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/#mainImage"},"datePublished":"2026-06-07T16:55:46+03:00","dateModified":"2026-06-09T16:51:09+03:00"},{"@type":"WebSite","@id":"https:\/\/commerce-consulting-services.com\/en\/#website","url":"https:\/\/commerce-consulting-services.com\/en\/","name":"Commerce Consulting Services","description":"Scalable IT Solutions for Enterprises & Small Business Websites","inLanguage":"en-GB","publisher":{"@id":"https:\/\/commerce-consulting-services.com\/en\/#organization"}}]},"og:locale":"en_GB","og:site_name":"Commerce Consulting Services - Scalable IT Solutions for Enterprises &amp; Small Business Websites","og:type":"article","og:title":"Composable Storefront Engineering for a Nordic Retail Brand","og:description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","og:url":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/","og:image":"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png","og:image:secure_url":"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png","og:image:width":512,"og:image:height":512,"article:published_time":"2026-06-07T13:55:46+00:00","article:modified_time":"2026-06-09T13:51:09+00:00","article:publisher":"https:\/\/www.facebook.com\/people\/Commerce-Consulting-Services\/61583284653551\/","twitter:card":"summary_large_image","twitter:site":"@ccserviceslv","twitter:title":"Composable Storefront Engineering for a Nordic Retail Brand","twitter:description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","twitter:creator":"@ccserviceslv","twitter:image":"https:\/\/commerce-consulting-services.com\/wp-content\/uploads\/2025\/11\/cropped-CCS-logo-light.png"},"aioseo_meta_data":{"post_id":"2520","title":"Composable Storefront for a Nordic Retail Brand | Case Study","description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","keywords":null,"keyphrases":{"focus":{"keyphrase":"SAP Commerce composable storefront"},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":"Composable Storefront Engineering for a Nordic Retail Brand","og_description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":"Composable Storefront Engineering for a Nordic Retail Brand","twitter_description":"A SAP Commerce Cloud composable storefront engineered for accessibility (WCAG), A\/B experiments, and headless search across an Angular frontend and SAP backend.","schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-06-08 05:41:15","updated":"2026-06-09 15:02:47","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/commerce-consulting-services.com\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/commerce-consulting-services.com\/en\/project\/\" title=\"Projects\">Projects<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/\" title=\"Project type\">Project type<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/\" title=\"sap commerce\">sap commerce<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tEngineering a Composable Storefront for a Leading Nordic Retail Brand\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/commerce-consulting-services.com\/en"},{"label":"Projects","link":"https:\/\/commerce-consulting-services.com\/en\/project\/"},{"label":"Project type","link":"https:\/\/commerce-consulting-services.com\/en\/project_category\/project-type\/"},{"label":"sap commerce","link":"https:\/\/commerce-consulting-services.com\/en\/project_category\/sap-commerce\/"},{"label":"Engineering a Composable Storefront for a Leading Nordic Retail Brand","link":"https:\/\/commerce-consulting-services.com\/en\/project\/composable-storefront-for-a-nordic-retail-brand\/"}],"_links":{"self":[{"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project\/2520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/comments?post=2520"}],"version-history":[{"count":2,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project\/2520\/revisions"}],"predecessor-version":[{"id":2524,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project\/2520\/revisions\/2524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/media\/2519"}],"wp:attachment":[{"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/media?parent=2520"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project_category?post=2520"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/commerce-consulting-services.com\/en\/wp-json\/wp\/v2\/project_tag?post=2520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}