Portfolio

Case Study: Twinkido

A fully custom Shopify development project built with Liquid, JavaScript, and dynamic schema sections to deliver performance and flexibility.

Twinkido Shopify Development

Overview

Twinkido is a kids’ fashion brand that wanted a fully customized Shopify store built on their existing Figma design. My responsibility was to translate the UI design into a high-performance, responsive Shopify website using custom Liquid, JavaScript, and schema blocks for full content control.

My Role

  • Developed the complete website using Shopify Liquid.
  • Implemented dynamic schema-based sections for flexible content management from the admin panel.
  • Integrated custom product filtering, cart drawer, and quick-view modal using AJAX and JS.
  • Optimized image loading, scripts, and Liquid loops for performance and SEO.
Platform

Shopify (Custom Theme)

Languages

Liquid, HTML5, CSS3, JavaScript

Integrations

Shopify Schema, AJAX Cart, Custom JS Components

Key Development Highlights

Custom Liquid Sections

Developed modular schema-based sections allowing content updates without code edits.

Dynamic Cart Drawer

Implemented an AJAX-powered cart with live quantity updates and smooth UI transitions.

Performance Optimization

Minimized Liquid loops and implemented lazy loading to achieve faster page load times.

Shopify Site Results

Results

  • Clean, pixel-perfect frontend matching the provided UI design.
  • Completely modular theme – clients can manage all sections easily.
  • Improved site performance with optimized Liquid and JS code.

This project demonstrates my ability to take a given design and convert it into a fully functional, high-performance Shopify store. The focus was on scalability, maintainability, and technical precision through custom Liquid and JavaScript development.

← Back to All Projects