BigCommerce cover image
SectorSaaS
ScopeAPI IntegrationBack-End DevelopmentDevelopmentDevOpsFront-End Development

BigCommerce

BigCommerce, seeking to enhance its content management and user experience, partnered with Monogram for a comprehensive website redevelopment. Monogram devised a phased migration plan to ensure seamless updates with minimal disruption. Central to this plan was leveraging both Contentful and Makeswift to capitalize on their core features—Contentful for robust content infrastructure and Makeswift for intuitive visual editing tools. We leveraged Next.js for advanced front-end capabilities and hosted the project on Vercel. This combination accelerated development, optimized performance, and streamlined workflows. This transformative project resulted in a significantly enhanced platform for BigCommerce, enabling faster, more efficient content updates and an improved user experience.

Visit Website
BigCommerce cover image
[@portabletext/react] Unknown block type "summaryImage", specify a component for it in the `components.types` prop
Case study image 0

Makeswift & Contentful

Makeswift empowers marketing teams with an intuitive visual editor, enabling them to create and update web experiences without needing technical skills. The drag-and-drop builder integrates with existing tools and APIs, improving efficiency, reducing developer dependency, and enhancing page performance and SEO scores.

Contentful’s headless CMS capabilities enable scalable, omnichannel experiences with advanced flexibility and seamless integration with existing tools and APIs. It supports complex workflows, detailed user roles, and extensive localization, making it ideal for managing content across multiple brands and channels.

We combined Contentful’s headless CMS with Makeswift to streamline content workflows for BigCommerce, improving efficiency and content agility. Custom content models ensured seamless handling of rich content elements and robust API connections.

Case study image 0

Vercel

Leveraging Vercel streamlined our development process and provided significant benefits to the project and the client. The ability to bypass managing CI/CD pipelines allowed us to focus entirely on building the product, accelerating development and ensuring higher quality outputs. Each commit providing a live version of the site enabled immediate testing, sharing, and iteration, leading to faster feedback cycles and more refined results.

Running code on-demand without managing infrastructure saved valuable time and resources, ensuring the project remained within budget and on schedule. The built-in commenting on deployments facilitated direct engagement with client feedback, allowing us to gather insights and make necessary refinements quickly. Granular site performance insights and the ability to instantly update or revert changes ensured the site's performance and stability were consistently optimized.

Localization

BigCommerce continued using Smartling’s Global Delivery Network for localization, integrating it with Contentful for a streamlined translation process. This approach leveraged existing translations, ensuring continuity and reducing costs during the CMS migration.

Case study image 1
Case study image 0

Content Migration

Monogram’s phased approach to migrating BigCommerce’s content ensured minimal disruption. By consolidating unstructured content into Contentful, we maintained data integrity and content fidelity, enabling BigCommerce to maintain operations smoothly.

Case study image 1
Case study image 0

Algolia

Implementing Algolia enhanced site-wide search, providing fast and relevant search experiences. We used Contentful webhooks and Vercel cron jobs for synchronization, ensuring search results reflected the latest data, with robust facet filters for refined searches.

Testing

Testing was crucial for the BigCommerce migration. We used Playwright for end-to-end tests and Jest with Testing Library for unit tests, ensuring all functionalities, content, and SEO meta tags worked as intended post-migration.

Case study image 1
Case study image 0

Documentation

Monogram delivered comprehensive documentation for the BigCommerce migration, including developer resources, user guides, and training materials. This ensured smooth adaptation to the new content system and empowered the BigCommerce team to maximize Contentful’s capabilities.

Trials

Monogram created a multi-step form for BigCommerce, guiding users through the account creation process and incorporating various elements like loading messages, legal disclaimers, and SKU configurations. This facilitated seamless access to BigCommerce’s suite of ecommerce tools.

Case study image 1