Armor Up Coffee

A homepage redesign in progress for a Spartan-themed coffee store on Shopify — built around a custom film in which the pour itself forms the brand's emblem in the foam.

The business

Armor Up Coffee is a newly launched Shopify coffee store — beans, pods, teas and merch — built around a Spartan warrior brand and its rallying line: 'Fuel Your Strength. Conquer Your Day.'

The challenge

A brand-new store with a genuinely strong logo but a generic front door: the homepage led with a stock-style AI image that could have fronted any coffee brand, anywhere.

What we built

A redesigned homepage concept in the store's own steel-black, gray and tan: a custom hero film where steamed milk pours and resolves into the Armor Up helmet emblem as latte art, then settles into rising steam; her real products, prices and collections carried through a featured grid, a sample-pack spotlight and category tiles — designed to drop into her existing Shopify theme without touching her products or checkout.

The technology

Responsive web concept; Shopify theme sections in preparation for installation into a duplicate of her live theme.

How the pieces connect

Concept → Shopify theme → her existing products and checkout, unchanged.

The public experience

The concept homepage: hero film, featured coffees, sample-pack spotlight and collection tiles, all in the store's own brand colors.

Behind the scenes

The hero film was generated from the brand's own emblem, so the design the foam forms is her logo — not a generic rosetta. The page palette is matched to values measured from her logo and her live theme, so moving from the concept into her store feels seamless. On browsers that won't autoplay video, a two-image sequence tells the same story: the pour, then the finished emblem.