BACK TO PORTFOLIO
Shopify Theme & Setup
Cadini Italy
ROLE: Shopify DeveloperMenswear & Perfumes
Developed and set up the Shopify store for Cadini Italy (Siyaram's Indian license). Implemented visual aesthetics reflecting Florence's fashion style, clean product pages, custom cart modules, and multi-layered collection sorting filters.
THE CHALLENGE
Menswear fitting configurations require precise size selectors (collar width, sleeve length), resulting in confusing select dropdown layouts.
THE SOLUTION
We built an interactive, tab-based size chart drawer featuring a metric-to-imperial converter using pure CSS and minimal JS, keeping UI intuitive and code footprint small.
- Elegant CSS structures matching the luxury aesthetic guidelines of the brand.
- Performance optimization for rich product imagery grids.
- Integration of custom checkout discounts and order tracker features.
- SEO-friendly rich snippet schemas mapping products and local business data.
Clean, responsive grid styles and hover transformations designed to showcase luxury perfume items.
Interactive Fragrance Card Layoutscss
/* Premium item visual effects for Cadini store */
.perfume-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 2rem;
}
.perfume-card {
position: relative;
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.perfume-card:hover {
transform: translateY(-8px);
}
.perfume-card .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(5px);
transform: translateY(100%);
transition: transform 0.3s ease-out;
}
.perfume-card:hover .overlay {
transform: translateY(0);
}PERFORMANCE STATS
MOBILE PAGESPEED
92/100
DESKTOP PAGESPEED96/100
AVG. LOAD TIME1.4s
TECH STACK USED
Shopify LiquidCustom CSSResponsive Theme BuildSEO Schema