Establishing a Dynamic Commerce Presence

About the project

Client: With a total of 6 production sites in Germany, Romania, Finland, Sweden and Czech Republic, they supply their customers worldwide with tailormade logistics solutions. From static racking to fully automated storage solutions, providing to their customers with complete solutions for their warehouse.
We started this project at the end of July 2022. The main objective was delivering multiple B2B Stores for the client Brand for three regions (UK,DE and NL). All on-top of an existing org which had multiple customizations in the data model and live CloudCraze sites. So what started out as a simple project quickly escalated into a more complex one.

Discovery

The Discovery workshop helped us to develop common understanding of the project goal: business and user needs and plan the roadmap for the MVP.

Challenges

  • Speed up the order process for all users
  • Improve the Customer Experience
  • Increase the revenue
  • Improve sales efficiency
  • Scale the business and widen their eCommerce footprint

Solution

Implement Salesforce B2B Commerce for the company’s MVP storefront for Germany, United Kingdom and Netherlands within 3 months.

Key Features:

Featured products showcasing on the Home Page

Product Categorization

Search and Filtering product catalog

Country-Specific catalogs

Product Variations on the Catalogue Page

Seamless Checkout flow

Team

Team Roles: Scrum Master, Fronted Developers, Technical Architects, Full Stack Developer, QA Engineers, Salesforce Administrator and UX/UI Designer.

Methodology

The AGILE development methodology is an efficient mechanism for businesses and development teams to get working software continuously while being able to adapt quickly regarding to user feedback.

Core Principles

Constant collaboration, Simplicity & Adaptability, Continuous new features.

Scrum as a preferred project approach

  • Ideal for complex projects
  • Implementation of various requirements with a good UI
  • Building an MVP for later enhancements
  • Products with different types of variations
  • Ability to react fast on evolving requirements and customer feedback
  • Increases: Value, Adaptability and Customer Satisfaction
  • Reduces: Implementation risk, time to market (standard solutions) and Scope of MVP.

My responsibilities as UX/UI Designer

The customer was very demanding not only from a functionality perspective but also on UX/UI. This meant that some of the features and components were re-designed to enhance the user experience. We leveraged many components from the OSF Components Library and we further enhanced our OSF interface bringing the users an even better user experience.
All the documentation/feedback/metrics were reviewed to validate ideas, identify two types of Personas and start making the first sketches in Brainstorming sessions with the Scrum team.

My responsibility was also support the MVP requirements, Discover & refine the additional requirements for after the MVP, Implement the product continuously test and support the product backlog.

Brainstorming

Defining and adapting branding to the Style Guide:

Iterations on Product Page:

Technical Limitations

After the first Sprint we faced a lot of technical and operational obstacles during the delivery. Despite the challenges, we didn’t stop our strive for the goal, we pushed boundaries and did everything necessary to ensure the first Sprint was delivered successfully.

Results

The customer was extremely pleased with the outcome and is planning multiple additional rollouts going forward. The work delivered by us has formed the foundation for further upcoming rollouts starting in the Nordics.

Results: Deliver exceptional eCommerce experiences for business customers by empowering them with self-service tools, Streamline the order process for their users, Drive client engagement loyalty and simple checkout flow.