const canvas = document.getElementById("canvas");
            const ctx = canvas.getContext("2d");
        
            // Set canvas size
            function resizeCanvas() {
                canvas.width = window.innerWidth;
                canvas.height = window.innerHeight;
            }
            resizeCanvas();
            window.addEventListener("resize", resizeCanvas);
        
            // Array to keep track of circles
            const circles = [];
            const fadeDuration = 2000; // duration in milliseconds
        
            function addCircle(x, y) {
                circles.push({ x, y, startTime: Date.now() });
            }
        
            function drawCircle({ x, y, startTime }) {
                const elapsed = Date.now() - startTime;
                const progress = elapsed / fadeDuration;
                const alpha = Math.max(0.5 - progress, 0);
                const radius = 200;
        
                // Create a radial gradient with fading alpha
                const gradient = ctx.createRadialGradient(x, y, 0, x, y, radius);
                gradient.addColorStop(0, `rgba(3,98,76, ${alpha})`); // green center
                gradient.addColorStop(1, "rgba(3,98,76, 0)"); // fades out
        
                ctx.fillStyle = gradient;
                ctx.beginPath();
                ctx.arc(x, y, radius, 0, Math.PI * 2);
                ctx.fill();
            }
        
            function animate() {
                // Clear the entire canvas on each frame
                ctx.clearRect(0, 0, canvas.width, canvas.height);
        
                // Draw and update circles
                for (let i = circles.length - 1; i >= 0; i--) {
                    const circle = circles[i];
                    const elapsed = Date.now() - circle.startTime;
                    if (elapsed > fadeDuration) {
                        // Remove circle when its fade duration is over
                        circles.splice(i, 1);
                    } else {
                        drawCircle(circle);
                    }
                }
        
                requestAnimationFrame(animate);
            }
            animate();
        
            // Add a new circle on each mouse move event
            document.addEventListener("mousemove", (event) => {
                addCircle(event.clientX, event.clientY);
            });
        

Boutique Development,
Enterprise
Results

  • Shopify • E-commerce • Development

Hoculus is a Shopify development boutique that combines the technical excellence of an enterprise team with the attention to detail of a specialist.

Discover the Services

6+

years of experience as a shopify partner

100+

Shopify/Shopify Plus managed e-commerce
Mason's
Bia Home & Garden
Damiano Organic
Labcare
Sake Company
Heavy Manners
Messo a nuovo
Damiano
Velasca
Argo
Brian&Barry
Cavallino
Veronica De Piante
Porte Italiane
Mason's
Bia Home & Garden
Damiano Organic
Labcare
Sake Company
Heavy Manners
Messo a nuovo
Damiano
Velasca
Argo
Brian&Barry
Cavallino
Veronica De Piante
Porte Italiane

Our Services

TAILORED SOLUTIONS FROM ARCHITECTURE PLANNING TO LONG TERM GROWTH

Long-term roadmap planning, to ensure clear paths to achieving goals.

E-commerce AuditRoadmapArchitectureB2C
B2BPOSInternationalizationOmnichannel

CMR, OMS, 3PL integrations and custom flows to and from external applications.

Architecture designManagementPim & DamCRM
WHO3PLLoyalty and Membership3rd party plugins

Advanced front-end and back-end development to enhance both user experience and operational management.

Theme development and customizationPublic and private app developmentShopify HeadlessB2B Solutions
Checkout UI extensions/functionsAdmin UI extensions3D and configurators

Creating seamless, engaging user experiences that are optimized for conversion.

PlanningUI/UX Design
TestingWireframe & prototype

Data transfer and synchronization from other CMS such as Magento, Prestashop, Salesforce, WooCommerce and custom platforms.

Product MigrationOrder and customer migrationSEO Recovery
Go-live StrategyTransfer integrations

Optimizing e-commerce performance with data-driven activities.

Periodic analysis and reportingEvolutionary planning
AB testing3rd party tracking
Meet Hoculus @Shopify.Dev Toronto

Parteciperemo all'evento Shopify.Dev a Toronto: l'evento esclusivo riservato agli sviluppatori Shopify.

Scopri il programma Arrow right up

Partners & Integrations

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Plus

Smile.io

Yotpo Email Marketing & SMS

Yotpo Product Reviews App

Shopify Inbox

Shop

Klavyio

Yotpo Loyalty Rewards Referral

Shopify Email

Justuno

Shopify Marketplace Connect

Recharge

Shopify Translate & Adapt

Shopify Search & Discovery

Okendo

Gorgias

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Bundles

LoyaltyLion

Retail Barcode Labels

Octane.ai

Stocky

Point of Sale

Digital Downloads

Buy Button Channel

Shopify Collabs

Shopify Order Printer

Shopify Forms

Shopify Subscriptions

Sendcloud

Evey

Signifid

Trustpilot

Shopify Flow

Linkpop

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

Shopify Checkout Blocks

Shopcodes

Shopify Audiences

Shopify Bill Pay

Launchpad

Shopify Combined Listings

Algolia

Data Exporter

Tax Compliance

Headless

Fraud Control

Dynamic yeld by mastercard

Shopify Fulfillment Network

Rebuy

Iterable

Theme Access

We transform ambitious visions into concrete results.

+39 334 24 83 026
Call us now!
Get directions Arrow top right