Shopify product · Apps

Bloqio CRO Apps — Prometeo / Hermes

Two Shopify apps turning conversion patterns into configurable tools: a promotional top bar and a sticky add-to-cart.

Contribution: Product concept, direction, UX/CRO, configuration design, app development, and operational preparation.
Focus: Shopify CLI · Theme App Extensions · App Embeds

Prometeo / Hermes

01 / The challenge

Understand the business before designing the solution.

Ecommerce teams need to activate messages, promotions, and purchase access without editing the theme for every campaign or compromising mobile UX.

Productize common CRO patterns so they work with real Shopify data and remain easy to operate through a clear interface.

02 / The approach

A clear direction for product, experience, and operations.

01
Use Theme App Extensions and App Embeds to integrate without modifying theme code.
02
Design mobile-first behavior synchronized with product, variant, quantity, and availability.
03
Give each product a focused responsibility within one shared design language.

03 / What I delivered

From product judgment to a solution the team can use.

Prometeo: messages, CTA, countdown, sticky behavior, and persistent dismiss.
Hermes: persistent purchase access, variants, quantity, and inventory states.
Embedded administration, persistence, compliance webhooks, and deployment.

04 / Signals

Evidence translated into visual reading.

Prometeo · Top Bar50%
Message, offer, countdown, and global CTA.
Hermes · Sticky ATC50%
Persistent purchase on PDP / quick add.

Equal weights = portfolio emphasis; not revenue or installs.

Embedded admin30%
React Router, App Bridge, onboarding.
Theme App Extension40%
Liquid/JS/CSS on the storefront.
App Embed / settings20%
Configuration without hand-editing the theme.
Compliance & deploy10%
Webhooks, Postgres, production URLs.

Methodological diagram verified in the author’s public/private repos.

05 / The product

The experience in context.

Desktop public Prometeo page with the Shopify Top Bar CRO proposition. — 01 / 11Desktop public Prometeo page with the Shopify Top Bar CRO proposition.

Mobile public Hermes page explaining accessible purchase during scroll. — 02 / 11Mobile public Hermes page explaining accessible purchase during scroll.

Desktop Bloqio gallery with Prometeo and Hermes examples in context. — 03 / 11Desktop Bloqio gallery with Prometeo and Hermes examples in context.

Bloqio demo homepage with a black CRO offer top bar and Shop now CTA. — 04 / 11Bloqio demo homepage with a black CRO offer top bar and Shop now CTA.

Prometeo top bar with an urgency countdown on a demo storefront. — 05 / 11Prometeo top bar with an urgency countdown on a demo storefront.

Prometeo top bar emphasizing a call to action toward a collection. — 06 / 11Prometeo top bar emphasizing a call to action toward a collection.

Prometeo top bar visible on a demo product page. — 07 / 11Prometeo top bar visible on a demo product page.

Hermes sticky add-to-cart on mobile with quick add, quantity, and CTA. — 08 / 11Hermes sticky add-to-cart on mobile with quick add, quantity, and CTA.

Hermes sticky add-to-cart on desktop with a bottom purchase bar. — 09 / 11Hermes sticky add-to-cart on desktop with a bottom purchase bar.

Hermes quick add showing product and price aligned to the current selection. — 10 / 11Hermes quick add showing product and price aligned to the current selection.

Hermes module with editable quantity beside the add-to-cart button. — 11 / 11Hermes module with editable quantity beside the add-to-cart button.

06 / Outcome

What the project put in place.

Two functional products for Shopify storefronts.
An architecture merchants can install and configure without editing theme code.

Principles applied

Simple configuration.
Real storefront data.
Mobile experience first.

07 / Technology

A stack selected for the solution.

ShopifyShopify CLI
ShopifyTheme App Extensions
ShopifyApp Embeds
ShopifyLiquid
JavaScriptJavaScript
CSSCSS
ReactReact Router
ReactReact
ShopifyShopify App Bridge
ShopifyPolaris
PrismaPrisma
PostgreSQLPostgreSQL
RailwayRailway
TypeScriptTypeScript
ViteVite

08 / Repos and links

Where to review the project.

Next step

Let’s discuss a Shopify app built around a specific commercial need.

Start a conversation