Two apps for selling more

Bloqio CRO Apps — Prometeo / Hermes

Two apps any Shopify store can install: an announcement bar at the top for promotions, and a buy button that stays visible while people scroll down the page.

Bloqio CRO Apps — Prometeo / Hermes home page
Real screenshot of the project
Work for a brand
type of project
Shopify CLI · Theme App Extensions
main tools
11
real screenshots of the project

01 · The challenge

What was going on

Context

Every time a store wants to announce a promotion, someone has to go edit the site code. It is slow, it breaks easily, and it almost always ends up looking wrong on a phone.

The problem

Turn two tricks everyone builds by hand into installable products that read the store’s real price and stock and are set up from one simple screen.

My part

The idea, the design, the code for both apps, and getting them ready for anyone to install. All me.

02 · How I solved it

How I decided to solve it

  1. 01

    Install on top of the store without touching its code, so uninstalling leaves nothing broken.

  2. 02

    Design for the phone first, and always know which product, which size, and how much stock exists right now.

  3. 03

    Make both look like the same family, but let each one do a single thing well.

03 · What I made

What got built

  • Prometeo: the top bar. Message, button, countdown, and once a customer closes it, it stays closed.
  • Hermes: the buy button that follows you down the page, with size, quantity, and a warning when something sells out.
  • The settings panel inside Shopify, and everything Shopify requires to publish an app.

04 · Charts

The numbers as charts

BCA-MAP

Bloqio CRO product map

Two apps, one criterion: reduce friction at different journey moments.

  • 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.

BCA-ARC

Shopify app architecture

Embedded admin + Theme App Extension as merchant and shopper surfaces.

  • 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.

06 · How it turned out

What changed in the end

  • Two working apps, installable on any Shopify store.

  • Set up in minutes with no code: whoever installs them needs no help from anyone.

What I would not compromise on

  • It should make sense without a manual.
  • Never show a made-up price or stock number.
  • If it does not work on a phone, it does not work.

07 · Technology

What it is made with

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

Want something like this for your business?

If your team repeats the same task by hand every campaign, it can probably become a tool.

Write to me