1<!DOCTYPE html> 2<html lang="tr"> 3<head> 4 <meta charset="UTF-8"> 5
5<script>(function(){var d=document.documentElement;try{if(localStorage.getItem('elove_theme')!=='dark')d.setAttribute('data-theme','light');}catch(e){d.setAttribute('data-theme','light');}})();</script>
5 6
6<script>window.__sentryCfg={dsn:'https://96d42f883e8ff4b020dec94753a625e1@o4511277896237056.ingest.de.sentry.io/4511650521088080',tracesSampleRate:0,ignoreErrors:['Script error.',/webkit\.messageHandlers/i,/sendDataToNative/,/sendPageHideMessage/],environment:/eloveagency\.com$/.test(location.hostname)?'production':'development'}; 7 (function(){var q=[];function h(e){q.push(e);}addEventListener('error',h);addEventListener('unhandledrejection',h);window.__sentryReplay=function(){removeEventListener('error',h);removeEventListener('unhandledrejection',h);for(var i=0;i<q.length;i++){var e=q[i];try{Sentry.captureException(e.error||e.reason||new Error(e.message||'Unknown error'));}catch(_){}}q.length=0;};})();</script>
7 8
8<script>(function(){if(!/eloveagency\.com$/.test(location.hostname)){window.__sentryReplay=function(){};return;}function loadSentry(){var s=document.createElement('script');s.src='https://browser.sentry-cdn.com/10.64.0/bundle.min.js';s.crossOrigin='anonymous';s.onload=function(){Sentry.init(window.__sentryCfg);window.__sentryReplay&&window.__sentryReplay();};document.head.appendChild(s);}if('requestIdleCallback' in window)requestIdleCallback(loadSentry,{timeout:4500});else window.addEventListener('load',function(){setTimeout(loadSentry,1800);},{once:true});})();</script>
8 9
9<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}var _elc=null;try{_elc=localStorage.getItem('elove_consent');}catch(e){}var _g=_elc==='granted'?'granted':'denied';gtag('consent','default',{ad_storage:_g,ad_user_data:_g,ad_personalization:_g,analytics_storage:_g,wait_for_update:500});</script>
9 10 <!-- Google Analytics 4 (consent'e baÄlı) --> 11
11<script>(function(){var ID='G-EZPJFDB45Z';function l(){if(window.__eloveGa4)return;window.__eloveGa4=true;var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id='+ID;document.head.appendChild(s);gtag('js',new Date());gtag('config',ID);}if(document.readyState==='complete')setTimeout(l,1500);else window.addEventListener('load',function(){setTimeout(l,1500);},{once:true});})();</script>
11 12<meta name="viewport" content="width=device-width, initial-scale=1.0"> 13 <title>Portfolyo â 14 Canlı Web Projesi | Elove Agency</title> 14 <meta name="description" content="SaÄlık, e-ticaret, yeme-içme, turizm, gayrimenkul, güzellik, üretim ve teknoloji alanlarında yayına aldıÄımız 14 mobil uyumlu web projesini inceleyin."> 15 <meta name="robots" content="index, follow"> 16 <meta name="theme-color" content="#FBFAFF"> 17 <meta name="apple-mobile-web-app-capable" content="yes"> 18 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 19 <meta name="apple-mobile-web-app-title" content="Elove"> 20 <meta name="mobile-web-app-capable" content="yes"> 21 <link rel="canonical" href="https://www.eloveagency.com/portfolyo"> 22 <link rel="alternate" hreflang="tr" href="https://www.eloveagency.com/portfolyo"> 23 <link rel="alternate" hreflang="en" href="https://www.eloveagency.com/en/portfolyo"> 24 <link rel="alternate" hreflang="de" href="https://www.eloveagency.com/de/portfolyo"> 25 <link rel="alternate" hreflang="es" href="https://www.eloveagency.com/es/portfolyo"> 26 <link rel="alternate" hreflang="fr" href="https://www.eloveagency.com/fr/portfolyo"> 27 <link rel="alternate" hreflang="it" href="https://www.eloveagency.com/it/portfolyo"> 28 <link rel="alternate" hreflang="pl" href="https://www.eloveagency.com/pl/portfolyo"> 29 <link rel="alternate" hreflang="ru" href="https://www.eloveagency.com/ru/portfolyo"> 30 <link rel="alternate" hreflang="ar" href="https://www.eloveagency.com/ar/portfolyo"> 31 <link rel="alternate" hreflang="sr" href="https://www.eloveagency.com/sr/portfolyo"> 32 <link rel="alternate" hreflang="bs" href="https://www.eloveagency.com/bs/portfolyo"> 33 <link rel="alternate" hreflang="sq" href="https://www.eloveagency.com/sq/portfolyo"> 34 <link rel="alternate" hreflang="x-default" href="https://www.eloveagency.com/portfolyo"> 35 <link rel="icon" href="/favicon.ico" sizes="any"> 36 <link rel="icon" type="image/svg+xml" href="/favicon.svg"> 37 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 38 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 39 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 40 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#7a37f1"> 41 <link rel="manifest" href="/site.webmanifest"> 42 <meta name="msapplication-config" content="/browserconfig.xml"> 43 <meta property="og:type" content="website"> 44 <meta property="og:url" content="https://www.eloveagency.com/portfolyo"> 45 <meta property="og:title" content="14 Canlı Web Projesi | Elove Agency"> 46 <meta property="og:description" content="Farklı sektörler için tasarladıÄımız mobil öncelikli, SEO dostu ve dönüÅüm odaklı dijital deneyimler."> 47 <meta property="og:image" content="https://www.eloveagency.com/assets/portfolyo/og-14.png"> 48 <meta property="og:image:width" content="1200"> 49 <meta property="og:image:height" content="630"> 50 <meta property="og:image:alt" content="14 Canlı Proje â Elove Agency Portfolyo"> 51 <meta property="og:site_name" content="Elove Agency"> 52 <meta property="og:locale" content="tr_TR"> 53 <meta name="twitter:card" content="summary_large_image"> 54 <meta name="twitter:title" content="14 Canlı Web Projesi | Elove Agency"> 55 <meta name="twitter:description" content="Farklı sektörler için tasarladıÄımız mobil öncelikli, SEO dostu ve dönüÅüm odaklı dijital deneyimler."> 56 <meta name="twitter:image" content="https://www.eloveagency.com/assets/portfolyo/og-14.png"> 57 <meta name="twitter:image:alt" content="14 Canlı Proje â Elove Agency Portfolyo"> 58 <link rel="stylesheet" href="/fonts/inter.css"> 59 <link rel="stylesheet" href="/service.css"> 60 <style>@media(max-width:768px){html{font-size:17px}}button,input,select,textarea{font-family:inherit} 61 .pf-hero{padding-bottom:34px} 62 .pf-hero::after{content:"";position:absolute;left:-12%;top:16%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.1),transparent 68%);pointer-events:none} 63 .pf-hero-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:44px;align-items:end} 64 .pf-hero h1{max-width:840px;font-size:clamp(3rem,7vw,6.7rem);line-height:.91;margin-bottom:24px;text-wrap:balance} 65 .pf-hero h1 em{display:block;font-weight:400;color:var(--ac)} 66 .pf-hero-side{padding:0 0 10px;border-left:1px solid var(--bdr2);padding-left:28px} 67 .pf-hero-side .lead{font-size:1rem;margin-bottom:24px} 68 .pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:56px 0 34px} 69 .pf-stat{padding:18px 20px;border:1px solid var(--bdr);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)} 70 html[data-theme=light] .pf-stat{background:rgba(255,255,255,.78)} 71 .pf-stat strong{display:block;margin-bottom:7px;font-family:var(--fd);font-size:2.15rem;font-weight:600;line-height:1;background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
72 .pf-stat span{display:block;color:var(--c60);font-family:var(--fui);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase} 73 .pf-work{padding-top:34px} 74 .pf-work-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px} 75 .pf-work-head h2{margin-bottom:0} 76 .pf-result-count{margin:0;color:var(--c60);font-family:var(--fui);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase} 77 .pf-filters{display:flex;align-items:center;gap:8px;margin:0 0 34px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--bdr2) transparent} 78 .pf-filters .lbl{flex:0 0 auto;margin-right:8px;color:var(--c60);font-family:var(--fui);font-size:.76rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase} 79 .fc{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 15px;border:1px solid var(--bdr2);border-radius:999px;background:rgba(255,255,255,.018);color:var(--c60);font-family:var(--fui);font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s} 80 .fc small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);font:inherit;font-size:.71rem;letter-spacing:0} 81 .fc:hover{color:var(--cream);border-color:rgba(216,119,249,.55);transform:translateY(-1px)} 82 .fc:focus-visible,.pf-shot:focus-visible,.pf-domain:focus-visible,.pf-visit:focus-visible{outline:3px solid var(--blue);outline-offset:3px} 83 .fc.active{border-color:transparent;background:var(--grad);color:#fff} 84 .fc.active small{background:rgba(255,255,255,.2)} 85 .pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} 86 .pf-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--bdr);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 28px 80px rgba(0,0,0,.18);transition:transform .32s,border-color .32s,box-shadow .32s} 87 html[data-theme=light] .pf-card{background:rgba(255,255,255,.82);box-shadow:0 20px 55px rgba(80,30,120,.09)} 88 .pf-card:hover{transform:translateY(-6px);border-color:var(--card-accent,#d877f9);box-shadow:0 32px 90px rgba(0,0,0,.3)} 89 .pf-card[hidden]{display:none} 90 .pf-shot{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--bdr);background:linear-gradient(135deg,rgba(216,119,249,.16),rgba(94,234,212,.08))} 91 .pf-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1)} 92 .pf-card:hover .pf-shot img{transform:scale(1.018)} 93 .pf-body{display:flex;flex:1;flex-direction:column;padding:24px 26px 26px} 94 .pf-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px} 95 .pf-chip,.pf-number{font-family:var(--fui);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase} 96 .pf-chip{color:var(--card-accent,var(--ac))} 97 .pf-number{color:var(--c60);font-variant-numeric:tabular-nums} 98 .pf-card h3{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:500;line-height:1;letter-spacing:-.025em} 99 .pf-card p{margin:0 0 20px;color:var(--c60);font-family:var(--fb);font-size:.95rem;line-height:1.65} 100 .pf-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px} 101 .pf-tag{padding:6px 10px;border:1px solid var(--bdr);border-radius:999px;color:var(--c60);font-family:var(--fui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase} 102 .pf-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--bdr)} 103 .pf-domain{min-width:0;overflow:hidden;color:var(--c60);font-family:var(--fb);font-size:.8rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap} 104 .pf-domain::before{content:"â";margin-right:8px;color:var(--card-accent,var(--blue));font-size:.70rem} 105 .pf-domain:hover{color:var(--cream)} 106 .pf-visit{display:inline-flex;flex:0 0 auto;align-items:center;gap:9px;color:var(--cream);font-family:var(--fui);font-size:.76rem;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}
107 .pf-visit span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--bdr2);border-radius:50%;transition:background .2s,border-color .2s,transform .2s} 108 .pf-visit:hover span{border-color:transparent;background:var(--grad);color:#fff;transform:translate(2px,-2px)} 109 .pf-empty{display:none;margin:30px 0 0;color:var(--c60);font-family:var(--fb)} 110 .pf-empty.show{display:block} 111 .pf-principles .grid{grid-template-columns:repeat(5,minmax(0,1fr))} 112 .pf-principles .card{position:relative;overflow:hidden;padding-top:52px} 113 .pf-principles .card::before{content:attr(data-step);position:absolute;left:22px;top:16px;color:var(--ac);font-family:var(--fui);font-size:.74rem;font-weight:700;letter-spacing:.14em} 114 @media(max-width:1050px){ 115 .pf-principles .grid{grid-template-columns:repeat(2,minmax(0,1fr))} 116 .pf-grid{grid-template-columns:1fr} 117 } 118 @media(max-width:900px){ 119 .pf-hero-head{grid-template-columns:1fr} 120 .pf-hero-side{max-width:680px;padding:0;border-left:0} 121 } 122 @media(max-width:820px){ 123 .nav{align-items:stretch} 124 .navlinks{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none} 125 .navlinks::-webkit-scrollbar{display:none} 126 .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:42px} 127 .pf-work-head{align-items:flex-start;flex-direction:column} 128 } 129 @media(max-width:580px){ 130 .pf-hero h1{font-size:clamp(2.75rem,15vw,4.6rem)} 131 .pf-stats{gap:9px} 132 .pf-stat{padding:15px} 133 .pf-stat strong{font-size:1.8rem} 134 .pf-work{padding-top:18px} 135 .pf-filters{margin-right:-18px;padding-right:18px} 136 .pf-card{border-radius:19px} 137 .pf-body{padding:20px} 138 .pf-card-footer{align-items:flex-start;flex-direction:column} 139 .pf-principles .grid{grid-template-columns:1fr} 140 } 141 @media(prefers-reduced-motion:reduce){ 142 html{scroll-behavior:auto} 143 .pf-card,.pf-shot img,.fc,.pf-visit span{transition:none!important} 144 .pf-card:hover,.fc:hover{transform:none} 145 .pf-card:hover .pf-shot img{transform:none} 146 } 147 148/* light-mode contrast fixes */ 149html[data-theme=light] .pf-chip{color:color-mix(in srgb,var(--card-accent,var(--ac)) 68%,#1C1430)} 150</style> 151
151<script type="application/ld+json">[ 152 {"@context":"https://schema.org","@type":"CollectionPage","name":"Elove Agency Portfolyo","url":"https://www.eloveagency.com/portfolyo","description":"Elove Agency tarafından tasarlanıp yayına alınan 14 canlı web projesi.","isPartOf":{"@type":"WebSite","name":"Elove Agency","url":"https://www.eloveagency.com"}}, 153 {"@context":"https://schema.org","@type":"ItemList","name":"Elove Agency web projeleri","numberOfItems":14,"itemListElement":[ 154 {"@type":"ListItem","position":1,"name":"Ahmet Tosun","description":"Saç ekimi danıÅmanlıÄı web sitesi","url":"https://www.thehairahmettosun.com/"}, 155 {"@type":"ListItem","position":2,"name":"Deniz Gayrimenkul","description":"Ãanakkale emlak danıÅmanlıÄı web sitesi","url":"https://deniz-gayrimenkul.vercel.app/"}, 156 {"@type":"ListItem","position":3,"name":"Ãiçek Yolda","description":"Aynı gün çiçek teslimatı e-ticaret sitesi","url":"https://www.cicekyolda.com/"}, 157 {"@type":"ListItem","position":4,"name":"No3 OcakbaÅı","description":"Etiler ocakbaÅı restoran web sitesi","url":"https://www.no3ocakbasi.com/"}, 158 {"@type":"ListItem","position":5,"name":"Petunya Börek","description":"Taze börek e-ticaret sitesi","url":"https://www.petunyaborek.com/"}, 159 {"@type":"ListItem","position":6,"name":"Glamavision","description":"Randevu ve iÅletme yönetimi platformu","url":"https://www.glamavision.com/"}, 160 {"@type":"ListItem","position":7,"name":"Estetina Beauty","description":"Güzellik merkezi kurumsal web sitesi","url":"https://www.estetinabeauty.com/"}, 161 {"@type":"ListItem","position":8,"name":"TourWorks","description":"Turizm ve kurumsal seyahat web sitesi","url":"https://www.tourworks.com.tr/"}, 162 {"@type":"ListItem","position":9,"name":"Doç. Dr. Hasret Cengiz","description":"Endokrinoloji uzmanı kurumsal web sitesi","url":"https://www.drhasretcengiz.com/"}, 163 {"@type":"ListItem","position":10,"name":"Doç. Dr. Erdal Sakallı","description":"Burun estetiÄi uzmanı web sitesi","url":"https://www.erdalsakalli.com/"}, 164 {"@type":"ListItem","position":11,"name":"Bereketli Home","description":"Züccaciye ve ev yaÅam e-ticaret sitesi","url":"https://www.bereketlihome.com/"}, 165 {"@type":"ListItem","position":12,"name":"Loreawear","description":"Balkan geleneÄinden ilham alan kadın triko e-ticaret sitesi","url":"https://www.loreawear.com/"}, 166 {"@type":"ListItem","position":13,"name":"TecnoPoint Tesla","description":"Tesla Model Y araç buzdolabı tanıtım sayfası","url":"https://tecnopointesla.com/"}, 167 {"@type":"ListItem","position":14,"name":"ÃakıroÄlu Oil","description":"BeÅ dilli uçucu yaÄ Ã¼reticisi ve B2B ürün kataloÄu web sitesi","url":"https://www.cakirogluoil.com/"} 168 ]}, 169 {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[ 170 {"@type":"ListItem","position":1,"name":"Ana Sayfa","item":"https://www.eloveagency.com/"}, 171 {"@type":"ListItem","position":2,"name":"Portfolyo","item":"https://www.eloveagency.com/portfolyo"} 172 ]} 173 ]</script>
173 174 <link rel="stylesheet" href="/header.css"> 175 <!-- Reklam ölçümü: kimlikler /api/measurement-config'ten (env) okunur, 176 hiçbir script çerez onayı verilmeden yüklenmez (KVKK). --> 177
177<script src="/cookie-consent.js" defer></script>
177 178
178<script src="/measurement.js" defer></script>
178 179</head> 180<body> 181 <a class="skip" href="#main">İçeriÄe geç</a> 182<!-- ââ NAV ââ --> 183<nav id="nav" aria-label="Ana navigasyon"> 184 <a href="/" class="logo"> 185 <span class="logo-icon"><img src="/logo.webp" alt="Elove Agency" width="36" height="36"></span> 186 <span class="logo-text">e<em>love</em></span> 187 </a> 188 <ul class="nl"> 189 <li><a href="/#hizmetler">Hizmetler</a></li> 190 <li><a href="/#surec">Süreç</a></li> 191 <li><a href="/#referanslar">Referanslar</a></li> 192 <li><a href="/portfolyo" aria-current="page">Portfolyo</a></li> 193 <li><a href="/#blog">Blog</a></li> 194 <li><a href="/#teklif-hesapla">Teklif Al</a></li> 195 <li><a href="/#iletisim">İletiÅim</a></li> 196 </ul> 197 <details class="lang-sw"> 198 <summary>ð¹ð· TR</summary> 199 <div class="lang-menu"> 200 <a href="https://www.eloveagency.com/portfolyo" hreflang="tr" class="lang-active">ð¹ð· Türkçe</a> 201 <a href="https://www.eloveagency.com/en/portfolyo" hreflang="en">ð¬ð§ English</a> 202 <a href="https://www.eloveagency.com/de/portfolyo" hreflang="de">ð©ðª Deutsch</a> 203 <a href="https://www.eloveagency.com/es/portfolyo" hreflang="es">ðªð¸ Español</a> 204 <a href="https://www.eloveagency.com/fr/portfolyo" hreflang="fr">ð«ð· Français</a> 205 <a href="https://www.eloveagency.com/it/portfolyo" hreflang="it">ð®ð¹ Italiano</a> 206 <a href="https://www.eloveagency.com/pl/portfolyo" hreflang="pl">ðµð± Polski</a> 207 <a href="https://www.eloveagency.com/ru/portfolyo" hreflang="ru">ð·ðº Ð ÑÑÑкий</a> 208 <a href="https://www.eloveagency.com/ar/portfolyo" hreflang="ar">ð¸ð¦ Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 209 <a href="https://www.eloveagency.com/sr/portfolyo" hreflang="sr">ð·ð¸ Srpski</a> 210 <a href="https://www.eloveagency.com/bs/portfolyo" hreflang="bs">ð§ð¦ Bosanski</a> 211 <a href="https://www.eloveagency.com/sq/portfolyo" hreflang="sq">ð¦ð± Shqip</a> 212 </div> 213 </details> 214 <button class="theme-tg" type="button" aria-label="Temayı deÄiÅtir" title="Temayı deÄiÅtir"><svg class="ti-sun" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg><svg class="ti-moon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z"/></svg></button> 215 <button type="button" class="hmb" id="hmb" aria-label="Menü" aria-expanded="false"> 216 <span></span><span></span><span></span> 217 </button> 218</nav> 219 220<!-- MOBILE NAV OVERLAY --> 221<nav class="mnav" id="mnav" aria-label="Mobil navigasyon" aria-hidden="true" inert> 222 <div class="mnav-head"> 223 <button class="mnav-close" id="mnav-close" type="button" aria-label="Menüyü kapat">Ã</button> 224 </div> 225 <a href="/#hizmetler" class="mnav-link">Hizmetler</a> 226 <a href="/#surec" class="mnav-link">Süreç</a> 227 <a href="/#referanslar" class="mnav-link">Referanslar</a> 228 <a href="/portfolyo" class="mnav-link">Portfolyo</a> 229 <a href="/#blog" class="mnav-link">Blog</a> 230 <a href="/#teklif-hesapla" class="mnav-link">Teklif Al</a> 231 <a href="/#iletisim" class="mnav-link">İletiÅim</a> 232 <div class="mnav-cta"> 233 <a href="/#teklif-hesapla" class="nbtn">Teklif Al</a> 234 <a href="https://wa.me/905449643492" class="bwa" target="_blank" rel="noopener">WhatsApp</a> 235 </div> 236</nav> 237<div id="nav-spacer" aria-hidden="true"></div> 238 239 <main id="main"> 240 <header class="hero pf-hero"> 241 <div class="wrap"> 242 <div class="pf-hero-head"> 243 <div> 244 <p class="eyebrow">Seçili iÅler · 2025â2026</p> 245 <h1>İÅleyen dijital <em>deneyimler.</em></h1> 246 </div> 247 <div class="pf-hero-side"> 248 <p class="lead">SaÄlıktan e-ticarete, üretimden teknolojiye uzanan 14 canlı proje. Her biri farklı bir hedef kitle için; mobil öncelikli, arama motoruna hazır ve ziyaretçiyi doÄru aksiyona taÅıyacak Åekilde tasarlandı.</p> 249 <div class="actions"> 250 <a class="btn primary" href="/#teklif-hesapla">Projenizi konuÅalım</a> 251 <a class="btn secondary" href="https://wa.me/905449643492?text=Portfolyonuzu%20inceledim%2C%20kendi%20projem%20i%C3%A7in%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener noreferrer">WhatsApp'tan yaz</a> 252 </div> 253 </div> 254 </div> 255 256 <div class="pf-stats" aria-label="Portfolyo özeti"> 257 <div class="pf-stat"><strong>14</strong><span>canlı proje</span></div> 258 <div class="pf-stat"><strong>6</strong><span>uzmanlık grubu</span></div> 259 <div class="pf-stat"><strong>2</strong><span>cihaz deneyimi</span></div> 260 <div class="pf-stat"><strong>365</strong><span>gün büyüme odaÄı</span></div> 261 </div> 262 </div> 263 </header> 264 265 <section class="pf-work" aria-labelledby="projects-title"> 266 <div class="wrap"> 267 <div class="pf-work-head"> 268 <div> 269 <p class="eyebrow">Canlı portfolyo</p> 270 <h2 id="projects-title">Markadan ürüne, fikirden yayına.</h2> 271 </div> 272 <p class="pf-result-count" id="pf-result-count" aria-live="polite">14 proje gösteriliyor</p> 273 </div> 274 275 <div class="pf-filters" id="pf-filters" role="group" aria-label="Projeleri sektöre göre filtrele">
276 <span class="lbl">Sektör</span> 277 <button type="button" class="fc active" data-filter="all" aria-pressed="true">Tümü <small>14</small></button> 278 <button type="button" class="fc" data-filter="saglik" aria-pressed="false">SaÄlık <small>3</small></button> 279 <button type="button" class="fc" data-filter="guzellik" aria-pressed="false">Güzellik & Estetik <small>2</small></button> 280 <button type="button" class="fc" data-filter="yeme-icme" aria-pressed="false">Yeme & İçme <small>2</small></button> 281 <button type="button" class="fc" data-filter="eticaret" aria-pressed="false">E-ticaret <small>4</small></button> 282 <button type="button" class="fc" data-filter="emlak-turizm" aria-pressed="false">Gayrimenkul & Turizm <small>2</small></button> 283 <button type="button" class="fc" data-filter="teknoloji" aria-pressed="false">Teknoloji <small>3</small></button> 284 </div> 285 286 <div class="pf-grid" id="pf-grid"> 287 <article class="pf-card" data-sector="saglik" style="--card-accent:#d9b72b"> 288 <a class="pf-shot" href="https://www.thehairahmettosun.com/" target="_blank" rel="noopener noreferrer" aria-label="Ahmet Tosun projesini yeni sekmede aç"> 289 <img src="/assets/portfolyo/ahmettosun-v2.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Ahmet Tosun saç ekimi sitesinin MacBook ve iPhone görünümü; Saç Ekimi, FUE, DHI ve İstanbul etiketleri"> 290 </a> 291 <div class="pf-body"> 292 <div class="pf-topline"><span class="pf-chip">Saç Ekimi DanıÅmanlıÄı</span><span class="pf-number">01 / 14</span></div> 293 <h3>Ahmet Tosun</h3> 294 <p>15+ yıllık saç ekimi danıÅmanlıÄı deneyimini premium bir dijital kimlikle buluÅturduk. FUE ve DHI hizmetleri, saç analizi, öncesi-sonrası galerisi ve WhatsApp danıÅmanlıÄı tek bir dönüÅüm akıÅında birleÅiyor.</p> 295 <div class="pf-tags"><span class="pf-tag">15+ yıl deneyim</span><span class="pf-tag">FUE & DHI</span><span class="pf-tag">Saç analizi</span><span class="pf-tag">WhatsApp</span></div> 296 <div class="pf-card-footer"><a class="pf-domain" href="https://www.thehairahmettosun.com/" target="_blank" rel="noopener noreferrer">thehairahmettosun.com</a><a class="pf-visit" href="https://www.thehairahmettosun.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 297 </div> 298 </article> 299 300 <article class="pf-card" data-sector="emlak-turizm" style="--card-accent:#d7b56f"> 301 <a class="pf-shot" href="https://deniz-gayrimenkul.vercel.app/" target="_blank" rel="noopener noreferrer" aria-label="Deniz Gayrimenkul projesini yeni sekmede aç"> 302 <img src="/assets/portfolyo/deniz-gayrimenkul.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Deniz Gayrimenkul sitesinin MacBook ve iPhone görünümü; Ãanakkale Emlak, Satılık Arsa, Villa ve İlan etiketleri"> 303 </a> 304 <div class="pf-body"> 305 <div class="pf-topline"><span class="pf-chip">Gayrimenkul</span><span class="pf-number">02 / 14</span></div> 306 <h3>Deniz Gayrimenkul</h3> 307 <p>Ãanakkale merkezli emlak danıÅmanlıÄı için ilan keÅfini hızlandıran, güven odaklı bir platform hazırladık. Arsa, villa, konut ve dükkan ilanları; favoriler, blog, harita ve WhatsApp satıŠakıÅıyla destekleniyor.</p> 308 <div class="pf-tags"><span class="pf-tag">İlan yönetimi</span><span class="pf-tag">Favoriler</span><span class="pf-tag">Harita</span><span class="pf-tag">WhatsApp satıÅ</span></div> 309 <div class="pf-card-footer"><a class="pf-domain" href="https://deniz-gayrimenkul.vercel.app/" target="_blank" rel="noopener noreferrer">deniz-gayrimenkul.vercel.app</a><a class="pf-visit" href="https://deniz-gayrimenkul.vercel.app/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 310 </div> 311 </article> 312 313 <article class="pf-card" data-sector="eticaret" style="--card-accent:#8ccf7e"> 314 <a class="pf-shot" href="https://www.cicekyolda.com/" target="_blank" rel="noopener noreferrer" aria-label="Ãiçek Yolda projesini yeni sekmede aç"> 315 <img src="/assets/portfolyo/cicekyolda.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Ãiçek Yolda e-ticaret sitesinin MacBook ve iPhone görünümü; Aynı Gün Ãiçek, Online Ãiçek, İstanbul ve Hediye etiketleri"> 316 </a> 317 <div class="pf-body"> 318 <div class="pf-topline"><span class="pf-chip">Ãiçek E-ticareti</span><span class="pf-number">03 / 14</span></div> 319 <h3>Ãiçek Yolda</h3> 320 <p>İstanbul'a aynı gün teslimat yapan çiçek markası için görsel keÅfi öne çıkaran kapsamlı bir e-ticaret deneyimi. Ãzel gün koleksiyonları, kategori navigasyonu, sepet, güvenli ödeme ve sipariÅ takibi mobilde de hızlı çalıÅıyor.</p> 321 <div class="pf-tags"><span class="pf-tag">Aynı gün teslimat</span><span class="pf-tag">50+ kategori</span><span class="pf-tag">Güvenli ödeme</span><span class="pf-tag">SipariÅ takibi</span></div> 322 <div class="pf-card-footer"><a class="pf-domain" href="https://www.cicekyolda.com/" target="_blank" rel="noopener noreferrer">cicekyolda.com</a><a class="pf-visit" href="https://www.cicekyolda.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 323 </div> 324 </article> 325 326 <article class="pf-card" data-sector="yeme-icme" style="--card-accent:#d2aa22"> 327 <a class="pf-shot" href="https://www.no3ocakbasi.com/" target="_blank" rel="noopener noreferrer" aria-label="No3 OcakbaÅı projesini yeni sekmede aç"> 328 <img src="/assets/portfolyo/no3ocakbasi.webp" width="1280" height="800" loading="lazy" decoding="async" alt="No3 OcakbaÅı sitesinin MacBook ve iPhone görünümü; Etiler OcakbaÅı, Rezervasyon, Restoran ve TR/EN etiketleri"> 329 </a> 330 <div class="pf-body"> 331 <div class="pf-topline"><span class="pf-chip">Restoran</span><span class="pf-number">04 / 14</span></div> 332 <h3>No3 OcakbaÅı</h3> 333 <p>Etiler'deki yeni nesil ocakbaÅı deneyimini sıcak, sofistike ve rezervasyona yönlendiren bir arayüzle dijitale taÅıdık. Galeri, eÄlence programı, yol tarifi ve yer ayırma akıÅı TR/EN yapıda sunuluyor.</p> 334 <div class="pf-tags"><span class="pf-tag">TR / EN</span><span class="pf-tag">Rezervasyon</span><span class="pf-tag">Etkinlik takvimi</span><span class="pf-tag">Harita</span></div> 335 <div class="pf-card-footer"><a class="pf-domain" href="https://www.no3ocakbasi.com/" target="_blank" rel="noopener noreferrer">no3ocakbasi.com</a><a class="pf-visit" href="https://www.no3ocakbasi.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 336 </div> 337 </article> 338 339 <article class="pf-card" data-sector="yeme-icme eticaret" style="--card-accent:#9d2bea"> 340 <a class="pf-shot" href="https://www.petunyaborek.com/" target="_blank" rel="noopener noreferrer" aria-label="Petunya Börek projesini yeni sekmede aç"> 341 <img src="/assets/portfolyo/petunyaborek.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Petunya Börek sitesinin MacBook ve iPhone görünümü; Taze Börek, Online SipariÅ, Kurye Takibi ve Kapıda Ãdeme etiketleri"> 342 </a> 343 <div class="pf-body"> 344 <div class="pf-topline"><span class="pf-chip">Gıda E-ticareti</span><span class="pf-number">05 / 14</span></div> 345 <h3>Petunya Börek</h3> 346 <p>Günlük taze börekleri İstanbul Avrupa Yakası'na ulaÅtıran marka için doÄrudan sipariÅ odaklı e-ticaret sitesi. Ãrün listesi, sepet, kapıda ödeme, sipariÅ durumu ve canlı kurye takibi tek akıÅta toplandı.</p> 347 <div class="pf-tags"><span class="pf-tag">Sepet sistemi</span><span class="pf-tag">Kurye takibi</span><span class="pf-tag">Kapıda ödeme</span><span class="pf-tag">Taze üretim</span></div> 348 <div class="pf-card-footer"><a class="pf-domain" href="https://www.petunyaborek.com/" target="_blank" rel="noopener noreferrer">petunyaborek.com</a><a class="pf-visit" href="https://www.petunyaborek.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 349 </div> 350 </article> 351 352 <article class="pf-card" data-sector="teknoloji" style="--card-accent:#bd8de0"> 353 <a class="pf-shot" href="https://www.glamavision.com/" target="_blank" rel="noopener noreferrer" aria-label="Glamavision projesini yeni sekmede aç"> 354 <img src="/assets/portfolyo/glamavision.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Glamavision SaaS sitesinin MacBook ve iPhone görünümü; Randevu Yönetimi, Ekip Yönetimi, Salon Yazılımı ve Stok etiketleri"> 355 </a> 356 <div class="pf-body"> 357 <div class="pf-topline"><span class="pf-chip">SaaS · İÅletme Yönetimi</span><span class="pf-number">06 / 14</span></div> 358 <h3>Glamavision</h3> 359 <p>Kuaför, berber, güzellik merkezi, fizik tedavi, diÅ hekimi ve pet kuaförleri dahil yedi sektöre uyarlanan iÅletme platformu. Randevu, müÅteri, ekip, stok ve hizmet yönetimini tek panelde birleÅtiriyor.</p> 360 <div class="pf-tags"><span class="pf-tag">7 sektör</span><span class="pf-tag">Randevu takvimi</span><span class="pf-tag">MüÅteri & ekip</span><span class="pf-tag">Stok yönetimi</span></div> 361 <div class="pf-card-footer"><a class="pf-domain" href="https://www.glamavision.com/" target="_blank" rel="noopener noreferrer">glamavision.com</a><a class="pf-visit" href="https://www.glamavision.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 362 </div> 363 </article> 364 365 <article class="pf-card" data-sector="guzellik" style="--card-accent:#c19b2d"> 366 <a class="pf-shot" href="https://www.estetinabeauty.com/" target="_blank" rel="noopener noreferrer" aria-label="Estetina Beauty projesini yeni sekmede aç"> 367 <img src="/assets/portfolyo/estetinabeauty.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Estetina Beauty sitesinin MacBook ve iPhone görünümü;
367 Güzellik Merkezi, Online Randevu, Bakım ve İstanbul etiketleri"> 368 </a> 369 <div class="pf-body"> 370 <div class="pf-topline"><span class="pf-chip">Güzellik Merkezi</span><span class="pf-number">07 / 14</span></div> 371 <h3>Estetina Beauty</h3> 372 <p>Güzellik merkezinin güven veren hizmet yaklaÅımını güçlü bir premium kimlikle yansıttık. Hizmetler, kampanyalar, galeri, blog ve online randevu temasları ziyaretçinin karar yolculuÄunu destekliyor.</p> 373 <div class="pf-tags"><span class="pf-tag">Online randevu</span><span class="pf-tag">Hizmet kataloÄu</span><span class="pf-tag">Kampanyalar</span><span class="pf-tag">Blog</span></div> 374 <div class="pf-card-footer"><a class="pf-domain" href="https://www.estetinabeauty.com/" target="_blank" rel="noopener noreferrer">estetinabeauty.com</a><a class="pf-visit" href="https://www.estetinabeauty.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 375 </div> 376 </article> 377 378 <article class="pf-card" data-sector="emlak-turizm" style="--card-accent:#29b9c4"> 379 <a class="pf-shot" href="https://www.tourworks.com.tr/" target="_blank" rel="noopener noreferrer" aria-label="TourWorks projesini yeni sekmede aç"> 380 <img src="/assets/portfolyo/tourworks.webp" width="1280" height="800" loading="lazy" decoding="async" alt="TourWorks sitesinin MacBook ve iPhone görünümü; Tur, Kurumsal Seyahat, Vize İÅlemleri ve TR/EN etiketleri"> 381 </a> 382 <div class="pf-body"> 383 <div class="pf-topline"><span class="pf-chip">Turizm</span><span class="pf-number">08 / 14</span></div> 384 <h3>TourWorks</h3> 385 <p>12 yıllık turizm deneyimini güncel bir dijital vitrine taÅıdık. Yurt içi ve yurt dıÅı turlar, kurumsal seyahat, MICE ve vize hizmetleri; iki dilli içerik ve güçlü tur keÅif yapısıyla sunuluyor.</p> 386 <div class="pf-tags"><span class="pf-tag">TR / EN</span><span class="pf-tag">Tur yönetimi</span><span class="pf-tag">Kurumsal seyahat</span><span class="pf-tag">Vize</span></div> 387 <div class="pf-card-footer"><a class="pf-domain" href="https://www.tourworks.com.tr/" target="_blank" rel="noopener noreferrer">tourworks.com.tr</a><a class="pf-visit" href="https://www.tourworks.com.tr/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 388 </div> 389 </article> 390 391 <article class="pf-card" data-sector="saglik" style="--card-accent:#b023ad"> 392 <a class="pf-shot" href="https://www.drhasretcengiz.com/" target="_blank" rel="noopener noreferrer" aria-label="Doç. Dr. Hasret Cengiz projesini yeni sekmede aç"> 393 <img src="/assets/portfolyo/drhasretcengiz.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Doç. Dr. Hasret Cengiz sitesinin MacBook ve iPhone görünümü; Endokrinoloji, Diyabet, Tiroid ve Randevu etiketleri"> 394 </a> 395 <div class="pf-body"> 396 <div class="pf-topline"><span class="pf-chip">SaÄlık · Endokrinoloji</span><span class="pf-number">09 / 14</span></div> 397 <h3>Doç. Dr. Hasret Cengiz</h3> 398 <p>Endokrinoloji ve Metabolizma Hastalıkları Uzmanı için bilgiye eriÅimi sadeleÅtiren kurumsal doktor sitesi. Diyabet, obezite ve tiroid içerikleri; deneyim zaman çizelgesi, blog ve online randevu akıÅıyla destekleniyor.</p> 399 <div class="pf-tags"><span class="pf-tag">Online randevu</span><span class="pf-tag">Uzmanlık alanları</span><span class="pf-tag">Blog</span><span class="pf-tag">PHP + VPS</span></div> 400 <div class="pf-card-footer"><a class="pf-domain" href="https://www.drhasretcengiz.com/" target="_blank" rel="noopener noreferrer">drhasretcengiz.com</a><a class="pf-visit" href="https://www.drhasretcengiz.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 401 </div> 402 </article> 403 404 <article class="pf-card" data-sector="saglik guzellik" style="--card-accent:#d7b936"> 405 <a class="pf-shot" href="https://www.erdalsakalli.com/" target="_blank" rel="noopener noreferrer" aria-label="Doç. Dr. Erdal Sakallı projesini yeni sekmede aç"> 406 <img src="/assets/portfolyo/drerdalsakalli.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Doç. Dr. Erdal Sakallı sitesinin MacBook ve iPhone görünümü; Burun EstetiÄi, Rinoplasti, Ãncesi Sonrası ve Randevu etiketleri"> 407 </a> 408 <div class="pf-body"> 409 <div class="pf-topline"><span class="pf-chip">SaÄlık · Burun EstetiÄi</span><span class="pf-number">10 / 14</span></div> 410 <h3>Doç. Dr. Erdal Sakallı</h3> 411 <p>
411Burun estetiÄi ve rinoplasti uzmanlıÄına odaklanan premium doktor sitesi. Burun analizi, iÅlem bilgileri, öncesi-sonrası dönüÅümleri, hasta deneyimleri ve randevu akıÅı tek bir güven yolculuÄunda birleÅiyor.</p> 412 <div class="pf-tags"><span class="pf-tag">Rinoplasti</span><span class="pf-tag">Burun analizi</span><span class="pf-tag">Ãncesi-sonrası</span><span class="pf-tag">PHP + VPS</span></div> 413 <div class="pf-card-footer"><a class="pf-domain" href="https://www.erdalsakalli.com/" target="_blank" rel="noopener noreferrer">erdalsakalli.com</a><a class="pf-visit" href="https://www.erdalsakalli.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 414 </div> 415 </article> 416 417 <article class="pf-card" data-sector="eticaret" style="--card-accent:#ed6a16"> 418 <a class="pf-shot" href="https://www.bereketlihome.com/" target="_blank" rel="noopener noreferrer" aria-label="Bereketli Home projesini yeni sekmede aç"> 419 <img src="/assets/portfolyo/bereketlihome.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Bereketli Home sitesinin MacBook ve iPhone görünümü; Züccaciye, Ev ve YaÅam, 300+ Ãrün ve Ãcretsiz Kargo etiketleri"> 420 </a> 421 <div class="pf-body"> 422 <div class="pf-topline"><span class="pf-chip">E-ticaret · Ev & YaÅam</span><span class="pf-number">11 / 14</span></div> 423 <h3>Bereketli Home</h3> 424 <p>20+ kategoride 300+ ürünü barındıran züccaciye ve ev yaÅam e-ticareti. Sepet, güvenli ödeme, sipariÅ takibi ve ücretsiz kargo deneyimine ek olarak Trendyol ve Hepsiburada satıÅları merkezi sistemden yönetiliyor.</p> 425 <div class="pf-tags"><span class="pf-tag">300+ ürün</span><span class="pf-tag">20+ kategori</span><span class="pf-tag">Pazaryeri entegrasyonu</span><span class="pf-tag">PHP + VPS</span></div> 426 <div class="pf-card-footer"><a class="pf-domain" href="https://www.bereketlihome.com/" target="_blank" rel="noopener noreferrer">bereketlihome.com</a><a class="pf-visit" href="https://www.bereketlihome.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 427 </div> 428 </article> 429 430 <article class="pf-card" data-sector="eticaret" style="--card-accent:#7f4f38"> 431 <a class="pf-shot" href="https://www.loreawear.com/" target="_blank" rel="noopener noreferrer" aria-label="Loreawear projesini yeni sekmede aç"> 432 <img src="/assets/portfolyo/loreawear.webp" width="1280" height="800" loading="lazy" decoding="async" alt="Loreawear e-ticaret sitesinin MacBook ve iPhone görünümü; Balkan Triko, Koleksiyon, Yeni Gelenler ve Güvenli Ãdeme etiketleri"> 433 </a> 434 <div class="pf-body"> 435 <div class="pf-topline"><span class="pf-chip">Moda E-ticareti</span><span class="pf-number">12 / 14</span></div> 436 <h3>Loreawear</h3> 437 <p>Balkan örgüsünün sıcaklıÄını kadın triko koleksiyonlarına taÅıyan marka için zarif ve satın alma odaklı bir e-ticaret vitrini. Koleksiyon keÅfi, yeni gelenler, marka hikayesi ve güvenli ödeme adımları sade bir mobil alıÅveriÅ akıÅında birleÅiyor.</p> 438 <div class="pf-tags"><span class="pf-tag">Balkan triko</span><span class="pf-tag">Koleksiyon keÅfi</span><span class="pf-tag">Mobil alıÅveriÅ</span><span class="pf-tag">Marka hikayesi</span></div> 439 <div class="pf-card-footer"><a class="pf-domain" href="https://www.loreawear.com/" target="_blank" rel="noopener noreferrer">loreawear.com</a><a class="pf-visit" href="https://www.loreawear.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 440 </div> 441 </article> 442 443 <article class="pf-card" data-sector="teknoloji" style="--card-accent:#33b8dd"> 444 <a class="pf-shot" href="https://tecnopointesla.com/" target="_blank" rel="noopener noreferrer" aria-label="TecnoPoint Tesla projesini yeni sekmede aç"> 445 <img src="/assets/portfolyo/tecnopointesla.webp" width="1280" height="800" loading="lazy" decoding="async" alt="TecnoPoint Tesla sitesinin MacBook ve iPhone görünümü; Tesla Model Y, Araç Buzdolabı, 33 L ve Ãn Talep etiketleri"> 446 </a> 447 <div class="pf-body"> 448 <div class="pf-topline"><span class="pf-chip">Teknoloji · Ãrün Lansmanı</span><span class="pf-number">13 / 14</span></div> 449 <h3>TecnoPoint Tesla</h3> 450 <p>Tesla Model Y bagajına özel tasarlanan 33 litrelik kompresörlü araç buzdolabı için ürün odaklı lansman sayfası. Teknik özellikler, kullanım senaryoları ve ödeme gerektirmeyen ücretsiz ön talep akıÅıyla satıŠöncesi talep topluyor.</p> 451 <div class="pf-tags"><span class="pf-tag">33 L kapasite</span><span class="pf-tag">-22°C / +20°C</span><span class="pf-tag">Ãcretsiz ön talep</span><span class="pf-tag">PHP + VPS</span></div> 452 <div class="pf-card-footer"><a class="pf-domain" href="https://tecnopointesla.com/" target="_blank" rel="noopener noreferrer">tecnopointesla.com</a><a class="pf-visit" href="https://tecnopointesla.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 453 </div> 454 </article> 455 456 <article class="pf-card" data-sector="teknoloji" style="--card-accent:#c8a46a"> 457 <a class="pf-shot" href="https://www.cakirogluoil.com/" target="_blank" rel="noopener noreferrer" aria-label="ÃakıroÄlu Oil projesini yeni sekmede aç"> 458 <img src="/assets/portfolyo/cakiroglu-oil.webp" width="1280" height="800" loading="lazy" decoding="async" alt="ÃakıroÄlu Oil sitesinin dil menüsü açık Türkçe MacBook ve İngilizce iPhone görünümü; TR, EN, FR, DE ve RU dil seçenekleri"> 459 </a> 460 <div class="pf-body"> 461 <div class="pf-topline"><span class="pf-chip">Ãretim · B2B Katalog</span><span class="pf-number">14 / 14</span></div> 462 <h3>ÃakıroÄlu Oil</h3> 463 <p>Mersin merkezli uçucu yaÄ ve soÄuk pres yaÄ Ã¼reticisinin 20 yıllık üretim gücünü uluslararası B2B alıcılara açtık. Ãrün kataloÄu, teklif sepeti, özel üretim akıÅı ve kalite belgeleri Türkçe, İngilizce, Fransızca, Almanca ve Rusça sunuluyor.</p> 464 <div class="pf-tags"><span class="pf-tag">5 dil</span><span class="pf-tag">B2B teklif sepeti</span><span class="pf-tag">
464Ãrün kataloÄu</span><span class="pf-tag">Ãzel üretim</span></div> 465 <div class="pf-card-footer"><a class="pf-domain" href="https://www.cakirogluoil.com/" target="_blank" rel="noopener noreferrer">cakirogluoil.com</a><a class="pf-visit" href="https://www.cakirogluoil.com/" target="_blank" rel="noopener noreferrer">Projeyi incele <span aria-hidden="true">â</span></a></div> 466 </div> 467 </article> 468 </div> 469 <p class="pf-empty" id="pf-empty">Bu filtreye uyan proje bulunamadı. Tüm projeleri görmek için âTümüâ filtresine dönün.</p> 470 </div> 471 </section> 472 473 <section class="pf-principles"> 474 <div class="wrap"> 475 <p class="eyebrow">Ortak nokta</p> 476 <h2>Neden bu siteler iÅ yapıyor?</h2> 477 <p class="sub">Sektörleri farklı; tasarım kararlarını yöneten prensipler aynı.</p> 478 <div class="grid"> 479 <article class="card" data-step="01"><h3>SatıŠakıÅı</h3><p>Ziyaretçinin geliÅ kanalından iletiÅime geçtiÄi ana kadar her adımı önceden kurguluyoruz.</p></article> 480 <article class="card" data-step="02"><h3>Hızlı iletiÅim</h3><p>Form, telefon ve WhatsApp seçeneklerini karar anında eriÅilebilir tutuyoruz.</p></article> 481 <article class="card" data-step="03"><h3>Mobil öncelik</h3><p>Sayfaları önce telefon ekranında hızlı, okunur ve kolay kullanılabilir tasarlıyoruz.</p></article> 482 <article class="card" data-step="04"><h3>Teknik SEO</h3><p>Meta verileri, semantik yapı, schema ve performans temelini yayından önce tamamlıyoruz.</p></article> 483 <article class="card" data-step="05"><h3>Sürekli geliÅim</h3><p>Yayın gününü son deÄil, ölçüm ve iyileÅtirme döngüsünün baÅlangıcı kabul ediyoruz.</p></article> 484 </div> 485 </div> 486 </section> 487 488 <section class="band"> 489 <div class="wrap"> 490 <p class="eyebrow">Bir sonraki proje</p> 491 <h2>Sıradaki dijital deneyim sizinki olsun.</h2> 492 <p class="sub">Hedef kitlenizi, rakiplerinizi ve dönüÅüm yolculuÄunuzu birlikte çıkaralım. İlk analiz ücretsiz; net, uygulanabilir bir yol haritasıyla baÅlayalım.</p> 493 <div class="actions"> 494 <a class="btn primary" href="/#teklif-hesapla">Ãcretsiz analiz iste</a> 495 <a class="btn secondary" href="https://wa.me/905449643492?text=Portfolyonuzu%20inceledim%2C%20kendi%20projem%20i%C3%A7in%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener noreferrer">WhatsApp'tan yaz</a> 496 </div> 497 </div> 498 </section> 499 </main> 500 501 <footer class="footer"> 502 <div class="wrap"> 503 <span>© 2026 Elove Agency · 365 gün dijital büyüme ortaÄınız</span> 504 <span><a href="mailto:[email protected]">[email protected]</a> · <a href="https://wa.me/905449643492" target="_blank" rel="noopener noreferrer">WhatsApp</a></span> 505 </div> 506 </footer> 507 508 <div id="elove-cookie" role="dialog" aria-live="polite" aria-label="Ãerez tercihleri" style="position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1a1626;border:1px solid rgba(235,229,250,.18);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:18px;z-index:9999;max-width:560px;width:calc(100% - 40px);opacity:0;transition:opacity .4s;pointer-events:none;box-shadow:0 8px 40px rgba(0,0,0,.5)"> 509 <p style="margin:0;font-size:.86rem;color:rgba(243,238,255,.78);flex:1;font-family:Inter,system-ui,sans-serif">Deneyiminizi iyileÅtirmek için çerezler kullanıyoruz.</p> 510 <div style="display:flex;gap:8px;flex-shrink:0"> 511 <button class="elc-reject" type="button" style="background:none;border:1px solid rgba(235,229,250,.2);border-radius:999px;color:#f3eeff;padding:7px 14px;cursor:pointer;font-size:.84rem">Reddet</button> 512 <button class="elc-accept" type="button" style="background:linear-gradient(120deg,#d877f9,#6366f1 55%,#5eead4);border:none;border-radius:999px;color:#fff;padding:7px 14px;cursor:pointer;font-weight:700;font-size:.84rem">Kabul et</button> 513 </div> 514 </div> 515
515<script> 516 (function () { 517 var cards = Array.prototype.slice.call(document.querySelectorAll('.pf-card')); 518 var filters = document.getElementById('pf-filters'); 519 var empty = document.getElementById('pf-empty'); 520 var resultCount = document.getElementById('pf-result-count'); 521 522 cards.forEach(function (card) { 523 var img = card.querySelector('.pf-shot img'); 524 if (img) img.addEventListener('error', function () { 525 img.style.display = 'none'; 526 card.querySelector('.pf-shot').setAttribute('data-image-error', 'true'); 527 }); 528 }); 529 530 filters.addEventListener('click', function (event) { 531 var button = event.target.closest('.fc'); 532 if (!button) return; 533 534 filters.querySelectorAll('.fc').forEach(function (item) { 535 var selected = item === button; 536 item.classList.toggle('active', selected); 537 item.setAttribute('aria-pressed', selected ? 'true' : 'false'); 538 }); 539 540 var filter = button.getAttribute('data-filter'); 541 var visible = 0; 542 cards.forEach(function (card) { 543 var sectors = (card.getAttribute('data-sector') || '').split(/\s+/).filter(Boolean); 544 var show = filter === 'all' || sectors.indexOf(filter) !== -1; 545 card.hidden = !show; 546 if (show) visible += 1; 547 }); 548 549 resultCount.textContent = visible + ' proje gösteriliyor'; 550 empty.classList.toggle('show', visible === 0); 551 }); 552 })(); 553 </script>
553 554
554<script src="/pwa.js" defer></script>
vendor: 1 bytes, line 554
554
555<script>(function(){var d=document.documentElement,m=document.querySelector('meta[name="theme-color"]');if(!m)return;function s(){m.setAttribute("content",d.getAttribute("data-theme")==="light"?"#FBFAFF":"#21084f");}s();new MutationObserver(s).observe(d,{attributes:true,attributeFilter:["data-theme"]});})();</script>
555<script src="/header.js" defer></script>
555 556</body> 557</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.