Válogatott Shopify munkák

Shopify case study-k valós üzleti problémák köré építve.

Roland Nagy vagyok, a CheckoutLabs mögötti senior Shopify és full-stack fejlesztő. Egyedi storefront funkcionalitáson, integrációkon, komplex üzleti logikán, konfigurátorokon, B2B élményeken és folyamatos Shopify fejlesztésen dolgozom.

Ez az oldal önállóan és ügynökségi fejlesztőcsapatok részeként végzett munkákból mutat válogatást.

Senior Shopify tapasztalat

Rövid áttekintés a CheckoutLabs mögötti technikai háttérről.

10+ év szoftverfejlesztésben
6+ years in Shopify and full-stack development
Shopify egyedi storefrontok, integrációk, Liquid és API-k
Ügynökség tapasztalat ismert e-commerce brandekkel és delivery csapatokkal

Válogatott munkák és esettanulmányok

Reprezentatív Shopify és e-commerce fejlesztési munkák gördülékenyebb vásárlási utakra, tisztább termékdöntésekre, erősebb storefront minőségre és karbantartható commerce működésre fókuszálva, direct és ügynökségen keresztül szállított projektekben.

Bramley for Business

Egyedi B2B Shopify commerce

Egyedi B2B commerce implementáció a Bramley for Business számára, Shopify Plus native B2B nélkül. A munka Shopify-native építőelemeket, Liquidet, JavaScriptet, variantokat, metafieldeket, metaobjecteket és theme logikát használt az üzleti vásárlási szabályok támogatására egy karbantartható storefronton belül.

Commerce fókusz

Gyakorlati B2B vásárlási útvonalat hozott létre bulk vásárlás, account-specifikus igények és price-list működés köré, anélkül hogy a store-t nehezebb platform setupra kellett volna vinni.

  • Egyedi B2B logika építése Liquiddel, JavaScripttel, product variantokkal, metafieldekkel és metaobjectekkel
  • Bulk vásárlás, üzleti vásárlói mezők, vásárlási korlátok és price-list működés támogatása
  • B2B storefront és theme működés implementálása egyedi commerce szabályok köré
Bramley for Business product page Bramley for Business brand kit page Bramley for Business product page mobile Bramley for Business collection page desktop, variant 1 Bramley for Business collection page desktop, variant 2 Bramley for Business collection page desktop, variant 3
Shopify Egyedi B2B Liquid JavaScript Metafieldek
Edenmoor, korábban Pipers Farm

Checkout UI extension kiszállítási dátum választáshoz

Checkout testreszabás Edenmoor, korábban Pipers Farm számára, ahol a kiszállítási dátum választásnak Shopify checkouton belül kellett történnie, mert az irányítószám, kosártartalom és shipping methodok határozzák meg, milyen dátumok érvényesek. A Checkout UI Extension React, Remix, Node.js és Shopify UI Extensions stackkel készült, validációval, amely érvényes kiszállítási dátum nélkül blokkolni tudta a checkoutot.

Commerce fókusz

Csökkentette a kiszállítási döntés bizonytalanságát azzal, hogy a döntést a checkoutba vitte, ahol az irányítószám, kosártartalom, shipping methodok és validáció együtt tudnak működni a rendelés leadása előtt.

  • Shopify Checkout UI Extension építése kiszállítási dátum választáshoz
  • A kiszállítási dátumválasztás checkoutba helyezése, ahol az irányítószám és a szállítási kontextus elérhető
  • Checkout validáció hozzáadása érvényes kiszállítási dátum megköveteléséhez
  • Extension oldali shipping method logika implementálása a kiválasztott dátum és kiszállítási korlátok alapján
  • További storefront UI és design implementációs munkák támogatása az együttműködés során
Edenmoor checkout delivery date picker extension Edenmoor product page desktop Edenmoor product page mobile Edenmoor collection page desktop Edenmoor collection page mobile
Shopify Checkout UI extension React Remix Kiszállítási logika
Bramley Products

Shopify storefront redesign és custom keresés

Storefront és theme munka a Bramley B2C Shopify store-hoz, ügynökségi csapaton keresztül több redesignon, product-page fejlesztésen, folyamatos storefront frissítéseken és custom JavaScript keresés/filterezésen át, még a Shopify Search & Discovery elérhetősége előtt.

Commerce fókusz

Polírozott redesign implementációval, PDP munkával és custom search/filter működéssel javította a böngészést és product discovery-t, hogy a vásárlók magabiztosabban navigáljanak a katalógusban.

  • Több Shopify storefront redesign és theme frissítés implementálása a B2C store-hoz
  • Custom PDP és UI munka támogatása több design iteráción keresztül
  • Custom JavaScript keresési és filterezési működés építése a Shopify native Search & Discovery app elérhetősége előtt
  • Production Shopify javítások és frontend finomítások szállítása az együttműködés során
Bramley Products product page desktop Bramley Products product page mobile Bramley Products collection page desktop Bramley Products collection page mobile
Shopify B2C storefront Theme fejlesztés Custom keresés JavaScript
Ormonde Jayne

Shopify storefront redesign és store finder

Shopify storefront implementáció Ormonde Jayne számára ügynökségi csapaton keresztül, Figma designoktól production theme-ig. A munka prémium brand élményt ültetett át Shopify-ba teljes store frontend build-outtal, performance javításokkal, folyamatos UI finomításokkal és Shopify tartalmi adatokra, illetve JavaScriptre épülő custom store finderrel.

Commerce fókusz

Segített megőrizni a prémium brand érzetet production Shopify környezetben, miközben támogatta a store discovery-t, frontend performance-t és a folyamatos storefront minőséget.

  • Teljes Shopify storefront frontend implementálása Figma designok alapján
  • Custom store finder funkcionalitás építése Shopify tartalmi adatokkal és JavaScripttel
  • Storefront performance, UI finomítások és production javítások az együttműködés során
Ormonde Jayne product page desktop Ormonde Jayne product page mobile Ormonde Jayne collection page desktop Ormonde Jayne collection page mobile
Shopify Figma to theme Store finder JavaScript Performance
FaceTheory

Többnyelvű Shopify storefront fejlesztés

Shopify storefront fejlesztés FaceTheory számára ügynökségi csapaton keresztül, komplex többnyelvű setupban, ahol a lokalizált storefrontok külön repókban voltak karbantartva. A munka arra fókuszált, hogy a frontend implementáció, production javítások, UI finomítások és Core Web Vitals javítások egy nehéz storefront környezetben is következetesek maradjanak.

Commerce fókusz

Consistency-t és performance-t támogatott egy többnyelvű Shopify setupban, ahol a lokalizált storefront eltérések a rutin frontend módosításokat is komplexebbé tették.

  • Nagyobb storefront frontend frissítések implementálása Figma designok alapján
  • Munka többnyelvű Shopify setupban, külön lokalizált theme repókkal
  • Frontend performance és Core Web Vitals javítása production bugfixek és változtatási kérések kezelése mellett
FaceTheory product page desktop FaceTheory product page mobile FaceTheory collection page desktop FaceTheory collection page mobile
Shopify Többnyelvű Figma to theme Performance Production javítások
Malone Souliers

Made-to-order Shopify konfigurátor app

Archivált Shopify build Malone Souliers számára, amely storefront redesign munkát kötött össze egy custom made-to-order cipő konfigurátorral. A konfigurátor gazdagabb termékdöntési flow-t támogatott adminból kezelhető cipőrészekkel, anyagokkal, színekkel, swatchokkal és képekkel, miközben a Shopify line item property-k segítségével vitte tovább a kiválasztott konfiguráció részleteit product, cart és checkout között.

Commerce fókusz

A made-to-order cipőválasztást vezetett vizuális vásárlási flow-vá alakította, amely a konfigurációs döntéseket kosáron és checkouton át továbbvitte, hogy az ügyfél és az operáció is vissza tudjon hivatkozni a kiválasztott részletekre.

  • Customer-facing MTO konfigurátor flow építése konfigurálható cipőkhöz
  • Admin CMS felületek implementálása cipőkhöz, alkatrészekhez, anyagokhoz, színekhez, swatchokhoz és konfigurációs adatokhoz
  • A konfigurátor integrálása Shopify cart line item property-kkel és vizuális cart rekonstrukcióval
Malone Souliers made-to-order monogram flow Malone Souliers made-to-order mobile style selection Malone Souliers product page desktop Malone Souliers product page mobile Malone Souliers collection page desktop Malone Souliers collection page mobile
Shopify MTO konfigurátor Embedded app Admin CMS PHP Line item property-k
Bird Eyewear

Vezetett Frame Finder kvíz és storefront

Shopify frontend és UI implementációs munka egy szemüveg storefronthoz, beleértve egy vezetett Frame Finder kvízt, amely több vásárlói input alapján ajánl kereteket - mit keres a vásárló, stílus preferencia és illeszkedési részletek - mielőtt leszűkíti a katalógust néhány illő termékre.

Commerce fókusz

Segített a vásárlóknak eligazodni egy széles szemüveg-katalógusban azzal, hogy több stílus- és illeszkedési preferenciát egy rövid, vezetett kvízzé alakított, amely egy fókuszált, illő keret-ajánlást ad.

  • Shopify storefront frontend és UI implementáció a szemüveg-katalógusban
  • Vezetett, több lépéses Frame Finder kvíz építése, amely stílus-, nem- és illeszkedési preferenciákat rögzít
  • A kvíz válaszainak összekötése a katalógusból szűrt termékajánlásokkal
Bird Eyewear Frame Finder quiz intro Bird Eyewear Frame Finder quiz question step Bird Eyewear Frame Finder quiz style preference step Bird Eyewear Frame Finder quiz recommended results Bird Eyewear product page desktop Bird Eyewear product page mobile Bird Eyewear collection page desktop Bird Eyewear collection page mobile
Shopify Termékquiz Frontend UI implementáció
Merched

Egyedi nyomatválasztás és Shopify termékszinkron

Shopify storefront és adatmunka a Merched számára, beleértve egy egyedi nyomatválasztási élményt a termékoldalon, amely a kiválasztott nyomatot a kosárba is átviszi, plusz egy heti Stella Stanley API szinkront, amely a Shopify termékeket, variánsokat, készletet, árakat és metafieldeket egy ütemezett GitHub Actions workflow-n keresztül naprakészen tartja.

Commerce fókusz

Egyszerűbbé tette egy testreszabható, nyomat-alapú vásárlási flow production kezelését, miközben a kézi katalógus-karbantartást egy automatizált, ütemezett adatszinkronra cserélte.

  • Egyedi nyomatválasztási élmény építése a PDP-n, amely rendelési részletként átmegy a kosárba
  • Heti Stella Stanley API szinkron implementálása termékekhez, variánsokhoz, készlethez, árakhoz és metafieldekhez GitHub Actions segítségével
  • Minimum rendelési összeg / mennyiség logika hozzáadása üzleti vásárlási szabályokhoz
Merched product page with custom print selection Merched product page mobile Merched cart showing selected print detail Merched cart mobile Merched collection page desktop Merched collection page mobile Merched weekly product sync GitHub Actions workflow runs
Shopify API sync GitHub Actions PDP
The Boxspring Club

3D ágykonfigurátor stabilizálása

Shopify storefront javítások és stabilizációs munka egy meglévő 3D ágykonfigurátor körül, ahol a vásárlók méretet, anyagot, fejtámla szélességet és oldalankénti matrac-keménységet választanak élőben frissülő 3D renderrel és AR "nézd meg a szobádban" opcióval, mielőtt a kiválasztott komponensek külön line itemként kerülnek a kosárba.

Commerce fókusz

Megbízhatóan tartotta production környezetben egy komplex, több komponensű konfigurátor vásárlási útvonalát, hogy a vásárlók zavartalanul tudjanak testre szabott ágyat konfigurálni és megvásárolni.

  • Egy másik csapat által épített meglévő 3D termékkonfigurátor javítása és stabilizálása
  • Hibajavítások a méret-, anyag-, fejtámla- és matracválasztási lépéseknél
  • Kisebb storefront módosítások a konfigurátor-munka mellett
The Boxspring Club configurator size and color selection The Boxspring Club configurator mattress style and hardness selection The Boxspring Club configurator headboard width selection The Boxspring Club cart with configured bed line items The Boxspring Club product page desktop The Boxspring Club product page mobile
Shopify 3D konfigurátor Bugfixek Stabilizálás

További store munkák

További Shopify és e-commerce környezetek szélesebb storefront, integrációs és production delivery munkákból.

Savyll logo

Savyll

Teljes storefront UI implementáció egyedi design alapján egy kompakt termékkatalógushoz, ügynökségi csapat részeként.

ShopifyUI implementáció
DuoBoots logo

DuoBoots

Shopify storefront munka redesign implementációkkal, custom JavaScript kereséssel és filterezéssel, valamint quiz-alapú termékajánló élményekkel.

ShopifyCustom keresésQuiz
iS Clinical logo

iS Clinical

Shopify storefront és frontend munka egy skincare commerce brandhez, theme implementációval, production javításokkal és UI finomításokkal.

ShopifyFrontend
Deesse Pro logo

Deesse Pro

CommerceFrontend
Noughty logo

Noughty

Shopify storefront és theme munka egy B2C commerce brandhez, UI implementációval és production frontend javításokkal.

ShopifyFrontend
Spiller & Tait logo

Spiller & Tait

Storefront UI implementáció egy retail commerce oldalhoz, ügynökségi csapat részeként, kompakt design-fókuszú buildben.

StorefrontUI implementáció
Hawkins Coffee logo

Hawkins Coffee

Storefront UI implementáció és frontend fejlesztés egy retail coffee storefronton.

ShopifyFrontend
Black Diamond Coatings logo

Black Diamond Coatings

Teljes UI redesign implementáció és quiz-alapú termékajánló munka, amely ügyfélinputok alapján rangsorolta a termékeket.

UI implementációTermékquiz
Glo Science logo

Glo Science

ShopifyStorefront
Harpar Grace International logo

Harpar Grace International

ShopifyStorefront
Helix & Conch logo

Helix & Conch

ShopifyStorefront
Maker & Grower logo

Maker & Grower

ShopifyStorefront
Plantopia logo

Plantopia

ShopifyStorefront
The Cornish Foodbox Company logo

The Cornish Foodbox Company

ShopifyStorefront
Moonwatch logo

Moonwatch

Termékadat-előkészítés és PDP frissítések egy watch storefronton, Shopify metafieldek és termékinformációk strukturálásával Chrono24-kompatibilis követelményekhez.

MetafieldekPDP
Elixir logo

Elixir

Kisebb direct Shopify implementációs projekt MailerLite formok integrálásával és webinar page template építésével.

MailerLiteLanding page
Petit Puk logo

Petit Puk

Kisebb Shopify karbantartási és storefront frissítési munka ügynökségi partneren keresztül, apró javításokra és módosításokra fókuszálva.

ShopifyKarbantartás

Ügynökségek, akikkel dolgoztam

Tapasztalat e-commerce fejlesztőcsapatokban és ügynökségekkel együtt dolgozva.

Fullstory logo Paprika Software logo The IT Solutions logo

Szélesebb szoftverfejlesztői tapasztalat

A Shopify specializáció előtt és mellett professzionális szoftverfejlesztési környezetekben és product csapatokban is dolgoztam.

Bosch logo BMW logo Buddy Bank logo Quintessentially logo Most Wanted Club logo LED Community Leisure logo Crealy logo

Tanulmányok és AI háttér

Programtervező informatikus háttér az Eötvös Loránd Tudományegyetemen, mesterséges intelligencia MSc tanulmányokkal.

Eotvos Lorand University logo ELTE Artificial Intelligence Department logo

Technológiák

Platformok, nyelvek, appok és fejlesztői eszközök, amelyek a kiválogatott Shopify és szoftverfejlesztési munkákban megjelennek.

Shopify és commerce

Storefront, checkout és commerce platform munka.

Shopify logoShopify
Liquid logoLiquid
UICheckout UI extensionök
APIShopify Admin API
MKShopify Markets
GraphQL logoGraphQL
REST API iconREST APIs

Frontend felületek

Felületek, termékutak és interaktív commerce élmények.

JavaScript logoJavaScript
TypeScript logoTypeScript
React logoReact
HTML5 logoHTML5
CSS3 logoCSS3
Tailwind CSS logoTailwind CSS
Vite logoVite

Appok, API-k és adat

Támogató rendszerek, integrációk, API-k és adatkezelés.

Node.js logoNode.js
Remix logoRemix
MongoDB logoMongoDB
PostgreSQL logoPostgreSQL
SQL logoSQL
Python logoPython

Workflow és growth eszközök

Eszközök delivery, analitika, formok, email és napi fejlesztési munka köré.

Git logoGit
GitHub logoGitHub
Visual Studio Code logoVS Code
npm logonpm
Google Analytics logoGoogle Analytics
Klaviyo logoKlaviyo
MailerLite logoMailerLite
Formspree logoFormspree

Technikai szakterületek

Azok a commerce problématerületek, amelyek kezelésére a CheckoutLabs épült.

Storefront élmény

  • Egyedi storefront sectionök és theme architektúra
  • PDP, PLP, kosár és keresési útvonalak
  • Performance, Core Web Vitals és UI finomítások
  • Design system implementáció Figmából

Commerce logika

  • Termékkonfigurátorok és vezetett vásárlási flow-k
  • Egyedi kosárviselkedés, BOM logika és line-item szabályok
  • B2B árazás, MOQ, bulk vásárlás és korlátozások
  • Markets, lokalizáció és multi-domain storefront beállítás

Checkout, appok és operáció

  • Checkout UI extensionök és validációs flow-k
  • Kiszállítási dátum, shipping method és operációs szabályok
  • Támogató Shopify appok és admin workflow-k
  • Külső integrációk, adatszinkron és production support

Hogyan dolgozom

A CheckoutLabs fókuszált senior fejlesztői kapacitásra épül, akár közvetlenül kereskedővel, akár ügynökségi delivery folyamatba beágyazva történik a munka.

Közvetlenül kereskedőkkel

Komplex Shopify feature-ökhöz, termékélményekhez, integrációkhoz és folyamatos platformfejlesztésekhez.

Ügynökségekbe beágyazva

White-label fejlesztői támogatás, amely illeszkedik a meglévő ticketekbe, kommunikációba, QA-ba és ügyfél deliverybe.

Folyamatos partner

Havi kapacitás store-oknak és csapatoknak, akiknek egyszeri theme feladatokon túlmutató senior Shopify segítség kell.

Komplex funkciók

Egyedi build-ek, ahol az igény nem fér bele tisztán egy theme settingbe vagy off-the-shelf appba.

Olyan Shopify fejlesztő kell, aki kezeli azt is, ami nem fér bele egy theme settingbe?

Küldd el a store-t, az üzleti problémát és a technikai korlátokat. Segítek világos fejlesztési útvonallá alakítani.