Independent Portfolio Project
Premium Home Commerce

Atelier Casa

A premium homeware commerce system connecting product merchandising, social discovery and paid acquisition.

ShopifyMeta CommerceSocial CommerceEcommerce UX

An original, fictional homeware brand built to demonstrate commerce architecture.

Atelier Casa is a contemporary, architectural homeware brand — an independent portfolio project created to show how a Shopify storefront, product catalogue and Meta Commerce presence can be designed as one connected system rather than three separate tools.

Design a product journey that reads as premium at every stage.

The objective was a commerce system where product photography, merchandising, social discovery and paid acquisition all reinforce the same editorial, architectural brand character — from the first Instagram impression through to Shopify checkout.

From product upload to reporting, in one sequence.

01
Shopify

Storefront, collections & product architecture

02
Product catalogue

Structured feed with variant & material data

03
Meta Commerce

Catalogue connected via Commerce Manager

04
Instagram / Facebook

Shop tab & product tagging live

05
Meta Ads

Catalogue & prospecting campaigns

06
Pixel + CAPI

Deduplicated browser & server tracking

07
Conversion

Checkout event captured

08
Reporting

Performance measured against catalogue spend

Homepage, collection and product pages built around neutral, editorial imagery.

The storefront concept uses a restrained palette and generous whitespace to let product photography carry the page — a homepage that leads with collections rather than promotions, a collection grid with minimal chrome, and product pages built around material and dimension detail.

Homepage concept
LayoutFull-bleed collection lead
NavigationCollections-first
ToneEditorial, minimal chrome
Product page concept
Primary detailMaterial & dimensions
VariantsFinish selector
MobileSingle-column, sticky CTA

A small, considered catalogue.

Four original product concepts used to demonstrate collection structure, variant handling and catalogue merchandising.

Arc Table Lamp
£185
Form Ceramic Vase
£96
Linear Side Table
£420
Mono Wall Light
£260

An Instagram grid built to support the catalogue.

A concept grid showing how hero, lifestyle, detail and launch content sit together as one system, each post tagged back into the Shopify catalogue via Meta Shopping.

Catalogue-led campaigns, structured by collection.

Campaign structure — implementation concept
ProspectingBroad catalogue, collection sets
RetargetingViewed & add-to-cart audiences
Launch campaignsSingle-product creative
PlacementInstagram & Facebook feed + Stories

A Pixel + CAPI model built to survive browser restrictions.

Tracking framework — implementation concept
Client-sideMeta Pixel
Server-sideConversions API
DeduplicationShared event ID
Core eventsViewContent, AddToCart, Purchase

A neutral, architectural palette.

Charcoal
Warm White
Terracotta
Stone

Recomposed, not shrunk.

Desktop — 1440pxMulti-column collection grid
Tablet — 1024px2-column grid, sticky nav
Mobile — 390pxSingle column, sticky add-to-cart

What was actually built.

A working demonstration of a connected commerce system.

Developed a catalogue campaign framework and a Pixel + CAPI tracking model designed to hold up as an implementation reference for physical-product brands considering the same architecture.

13 · Disclaimer — Atelier Casa is an original, fictional brand created as an independent portfolio project by Visuioration. It is not a real client, and no interfaces shown reproduce real Shopify or Meta account data.

Considering a similar commerce system for your catalogue?