Case 1 of 13
NOS Café
What it is
NOS Café is a brand from . In , its Framer design moved to Shopify with , and . It is live today at cafesnos.com (opens in a new tab).
Industry2 of the 13 portfolio cases are in coffee and beverages.
Tap an underlined word.
What we did
9 deliveries across 5 areas, since Sep 2026.
Starting pointDesign port (Framer → Liquid)
- The port
1:1 port from Framer to Liquid, with React islands.
- The port
Bundle builder from the Shopify app, built into the purchase flow.
- The port
Subscription discount ladder active.
- The port
Electronic invoicing bridge (Bsale) built and operated by Digitdeck on Railway.
Sep 2026
- Purchase
The box is sold with a pack to choose, as two real lines on the order.
- Purchase
Receipt or invoice from the cart, with RUC and business name.
- Product
Product tags with their own color, from the brand's palette.
- Purchase
Subscription selector on the product page and in the pack builder.
- Purchase
"Arma tu pack" (build your pack) also from the home page; the box opens in the cart with its bags and its savings.
- Product
A three-question quiz on metaobjects that scores against the real data of each coffee.
- Campaigns
The lead-capture popup moves to Klaviyo.
- Measurement
Digitdeck Track connected from the app, with no theme changes.
Oct 2026
- Performance
On phones, a store left idle uses nothing: smooth scrolling goes to sleep and the logo strip is driven by the compositor.
Results
From 100 to 117.
From 100 to 112.
From 100 to 122.
From 100 to 70. Lower is better. Largest Contentful Paint (LCP): from 4.1 s to 2.9 s.
Gray: before (index 100). Violet: with Digitdeck.
Estimated figures to protect client privacy. Illustrative figure within Digitdeck's portfolio range (conversion +10 to +20%, load time −30 to −40%). Not a measurement of this store.
What we built it with
Framer to Shopify3 stores
The design approved in Framer, selling on Shopify.
1:1 port from Framer to Liquid.
React islands5 stores
Interactive parts live in their own pieces; the rest of the page is theme HTML.
React components that mount only where there is interaction.
Build your bundleOnly here
The customer combines products inside the purchase flow.
Bundle builder from the Shopify app, built into the purchase flow.
KlaviyoOnly here
The brand's emails, connected to the store.
Klaviyo connected to the store.
Digitdeck · Shopify Partners
What we're building now
- Bundle builderIn the storeIt's already in the store's purchase flow, with the Digitdeck app.
- 3D experienceIn developmentWe're building it for this store. It isn't published yet.
