Launching a composable, vendor-driven sales platform & marketplace for O2O.
Delivering impactful sales enablement for over 4,000 retailers in Canada through complex application development of a private vendor marketplace for marketing assets and materials.
Client
O2O
Timelines
6 months
Implementation
Services provided
Experience Design
Interface & Interaction Design
Software Engineering
Database Development
Data Migration
Real-time Reporting
About The Project
O2O is a leading online marketplace that connects the top Canadian canna retailers with the biggest brands. We were tasked with the design, development & implementation of a brand new Progressive Web App to serve the platform's 4000+ users. Through an artful coupling of Shopify & Javascript-based frontend technologies, we executed the prototyping & development of an innovative new application to empower the company to deliver unique sales experiences that catered to the needs of their users.


Sales enablement through an immersive closed platform.
In order to serve the platform's unique sales model, we prototyped and developed a bespoke progressive web application through deep strategy collaboration with the internal team and C-suite.
End-to-end design & development for a progressive web application.
We provided a full-cycle platform development process for the client, with the provision of industry-specific Experience Design coupled with our best-in-class development expertise, all in-house.
UI & UX design and prototyping
Cocoon oversaw a process of extensive design and user interface prototyping of the new application frontend and dashboards, based on proposed user stories. The client's bold new brand image was incorporated into our design process, which was subject to a rapid 2 week initial turnaround of V1 prototypes.
Frontend application development
Commerce, CMS & API architecture

Empowering vendor driven commerce through a reliable composable stack.
Sales Process & CRM Development
The build required development of a custom sales process and in-app customer relationship management to support the client's unique business model. A custom sales flow & purchase process allows retailers to order marketing assets from leading vendors & suppliers within their industry to multiple store locations across Canada.


Vendor Tooling For Closed Commerce
Through powerful vendor tooling, brands are able to restrict and allocate inventory on the closed ecommerce platform between retailers and sales reps directly within the application, in addition to targeting user groups and regions.
A Tech Stack of Impact
StackReact
React
Shopify
Shopify
AWS
AWS
Algolia
Algolia

Clerk
Clerk
Entra ID
Entra ID
Integrations & Ancillaries
TechSquare
Square
Mailchimp
Mailchimp
Sentry
Sentry
ShipHero
ShipHero
A fit-for-purpose, fully headless implementation.
A forward-thinking & future-proof solution through the implementation of headless technologies & purpose-fit API development.
Headless Shopify
Development of a device-agnostic headless storefront utilizing headless Shopify, extended to support custom sales processes, carts & checkout experiences.
Decoupled CMS Build
Fully decoupled composer-managed headless CMS architecture and development to support to headless storefront & provide supplementary content.
Custom APIs
Development & integration of custom API endpoints & resources to serve the application's unique operational and data requirements.

We Delivered
ImpactRetailers served
With a strong headless commerce implementation, we built a solution that served the client's unique sales process and customer acquisition journey.
Brands migrated
Through a powerful vendor tooling system, we built a solution that allowed brands to manage their inventory and allocate it to retailers and sales reps directly within the application.
Products listed
We oversaw the migration of 4.2K+ products from the client's legacy Magento platform to the new headless commerce platform, complete with all inventory, multimedia assets & metadata.

Our unique value proposition
Our unique value proposition

Achieving success through our culture
Achieving success through our culture
Discuss a Project.
We build modern digital experiences for disruptive brands.
Tell us about your project, and we'll get back to you with details on how we can make this happen.
