PageSourceSearch

https://www.eloveagency.com/portfolyo

html eloveagency.com collected 2026-09-30 15:32:09 UTC 51,396 bytes, 557 lines download raw bytes

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 &amp; Estetik <small>2</small></button>
280          <button type="button" class="fc" data-filter="yeme-icme" aria-pressed="false">Yeme &amp; İç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 &amp; 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 &amp; 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 &amp; 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 &amp; 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.