Projects

Showcase of reference Shopify projects by Ali Gunes

Google Project

The Swaf

theswaf.com

The Swaf was engineered from the ground up as a fully custom Shopify storefront, leveraging native Liquid templating without relying on any third-party themes or builders. Built directly from a high-fidelity Figma design, the site features a modular section-based architecture, custom JavaScript interactions, and a metafield-driven content system for dynamic scalability. Every component—from the product gallery and dual-variant selectors to metafield-powered size guides—was implemented manually to ensure full control over performance, SEO, and visual fidelity.

Time Machine Project

Islamic Wall Art

islamicwallartstore.com

Islamic Wall Art Store was custom-built from the ground up using native Shopify Liquid, based on a bespoke Figma design. The site follows a clean, section-based architecture with modular sections and snippets, enabling easy content management and reuse. Product pages include a dual-variant structure (size and frame style) with dynamic pricing, availability logic, and real-time UI feedback. Collection pages feature tag-based filtering using URL parameters for SEO-friendly, app-free navigation. All dynamic content—such as banners, testimonials, and specifications—is powered via Shopify metafields. The frontend was engineered with performance in mind: image optimization, lazy loading, and minimal JavaScript ensure fast load times and excellent Core Web Vitals..

Time Machine Project

Rugtolia

rugtolia.com

Rugtolia was engineered as a performance-first Shopify storefront, meticulously hand-coded from a custom Figma design without the use of any prebuilt themes or UI kits. The theme leverages a fully decoupled Liquid architecture, separating layout, logic, and data concerns across modular sections, snippets, and templates. Custom metafield schemas power localized content, dynamic collection modules, and reusable landing page blocks, enabling content managers to configure complex layouts directly from the Shopify admin. Core interactions—such as scroll-triggered animations, variant swatches, and product quick views—are built using vanilla JavaScript to minimize payload. The site architecture emphasizes clean DOM structure, minimal CSS specificity, and strict performance budgeting to ensure maintainability and high Lighthouse scores across all devices.

Time Machine Project

Custom Print House

customprinthouse.us

Custom Print House was developed from a bespoke Figma layout using native Shopify Liquid, with a focus on modular section architecture and dynamic content via metafields. The theme includes custom product configuration logic, live image previews based on user selections, and dynamic option sets powered by metafields. All personalization flows are built with vanilla JavaScript to ensure minimal dependencies and fast execution, while maintaining a scalable, app-free infrastructure.

Time Machine Project

Emolos

emolos.com

Emolos was built entirely from a custom Figma design using native Shopify Liquid, featuring a modular, performance-oriented theme architecture. The build includes dynamic collection filtering, metafield-driven product detail blocks, and optimized image handling. Core frontend interactions were implemented with lightweight JavaScript to ensure fast load times and high scalability without reliance on external apps or libraries.

Time Machine Project

Nocblue

Noclue

Nocblue was developed from a custom Figma design using native Shopify Liquid, with a focus on modular sections, metafield-based content management, and fully responsive layout architecture. The theme integrates advanced product filtering, variant-based dynamic content, and custom collection templates—optimized for both performance and maintainability through minimal JavaScript and clean Liquid structuring.

Time Machine Project

Saray Halı

sarayhali.com.tr

Saray Halı was custom-developed using native Shopify Liquid based on a detailed Figma UI system, with a focus on high-volume catalog handling and scalable section architecture. The theme supports dynamic filtering, size and pattern-based variant logic, and metafield-driven content blocks. Key interactions and layout behaviors were implemented with vanilla JavaScript to maintain speed and avoid third-party dependencies.

Time Machine Project

Ulgart

Ulgart

Ulgart was built by customizing an existing Shopify theme, with significant structural and functional modifications to align with brand requirements. The project included custom section development, metafield-based dynamic content injection, and performance optimization across collection and product templates. Key UI enhancements—such as swatch-based variant selectors, homepage content blocks, and collection filtering—were implemented using native Liquid and lightweight JavaScript for seamless integration.

Time Machine Project

Yallcandiy

yallcandiy.com

Yallcandiy was developed by extending a prebuilt Shopify theme with custom Liquid components and metafield-driven content structures. The build involved redesigning key templates, integrating dynamic product variant logic, and creating custom homepage and collection sections tailored to the brand’s visual identity. JavaScript enhancements were implemented selectively to support interactive UI elements while maintaining performance and theme stability.

Time Machine Project

Bouletta

bouletta.com

Bouletta was customized on top of an existing Shopify theme, focusing on restructuring layouts, extending product and collection templates, and integrating dynamic content through metafields. The project included the development of custom landing page sections, variant-based UI logic, and performance tuning across templates. Enhancements were implemented using native Liquid and minimal JavaScript to ensure flexibility, maintainability, and a consistent brand experience.

Time Machine Project

Toros Craft

toroscraft.com

Toros Craft was developed by customizing a prebuilt Shopify theme to accommodate product-specific requirements and custom UI components. The implementation involved metafield-powered product detail sections, enhanced collection filtering, and responsive layout adjustments. Additional JavaScript was written to support interactive features like variant selectors and dynamic content reveal, all optimized for performance and maintainability within Shopify’s theme architecture.

Time Machine Project

Bilcee

bilcee.us

Bilcee US was implemented by customizing a Shopify theme to support a large-scale, variant-rich product catalog with region-specific content. The build included extensive use of metafields for managing size guides, dynamic banners, and product specifications. Custom Liquid logic was applied to optimize variant handling, while JavaScript enhancements were used selectively to power interactive elements such as dynamic filters and quick view modals—ensuring both performance and scalability.

Time Machine Project

Diallure

diallure.com

Diallure was built by customizing a Shopify theme to deliver a fully branded, modular storefront experience. The implementation involved advanced metafield configurations for dynamic content injection across product, collection, and landing page templates. Custom Liquid logic was used to control layout behaviors and variant display, while lightweight JavaScript enhancements powered interactive UI elements—ensuring responsive performance and clean content management without reliance on third-party apps.