✦ UI / UX Bileşen Kütüphanemiz

Kodla Şekillenen
Özgün Tasarımlar

Her proje için sıfırdan geliştirdiğimiz, etkileşimli ve animasyonlu web bileşenlerinden oluşan çalışma portföyümüz.

Premium
Deneyim
Aurora BGWeb Tasarım
Lüks Marka Landing Sayfası
Yüksek-segment ürün lansmanı için geliştirilen, canlı renk gradyanlarıyla oluşturulmuş aurora atmosfer arka planı.
Shopify
Meta Ads
TikTok Shop
Amazon FBA
Google Ads
Shopify
Meta Ads
TikTok Shop
Amazon FBA
Google Ads
E-Ticaret
Dijital Pazarlama
SEO Optimizasyonu
CRM Yönetimi
İhracat Danışmanlığı
E-Ticaret
Dijital Pazarlama
SEO Optimizasyonu
CRM Yönetimi
İhracat Danışmanlığı
Sonsuz KaydırmaFintech
Platform Güven Bandı
Fintech platformunun ana sayfasına entegre edilen, desteklenen pazaryerleri ve uzmanlık alanlarını sergileyen çift yönlü kaydırma bileşeni.
Canvas ParçacıkSaaS
Dijital Ajans Hero Arka Planı
Mouse ile etkileşimli, canvas üzerinde gerçek zamanlı render edilen parçacık sistemi. Her kullanıcı hareketi benzersiz bir görsel deneyim yaratır.
Türkal
Partners
Sınırların Ötesine, Dijital Hizmetler
Blur RevealHero Tasarım
Sayfa Giriş Animasyonu
Kurumsal kimlik sayfasının açılışında kullanılan, bulanıklıktan netliğe geçiş yapan kelime bazlı reveal animasyonu.
Büyümeye
Hazır Mısın?
Dijital dönüşümün tam zamanı.
Gradyan MetinKampanya
Kampanya Landing Hero
Büyüme odaklı dijital pazarlama kampanyası için canlı renk geçişli, dikkat çekici hero başlık bileşeni.
🚀

Küresel Büyüme

ABD pazarına giriş stratejinizi birlikte şekillendirelim. Kanıtlanmış yöntemler, ölçülebilir sonuçlar.

Spotlight KartSaaS UI
Hizmet Özellik Kartı
Mouse konumunu takip eden ışık efektiyle zenginleştirilmiş hizmet tanıtım kartı. Hover'da spotlight görünümü aktif olur.

Portföy Kartı

Fareyi üzerine getir →

3D EğimPortföy
3D Perspektif Kart Efekti
Mouse hareketi ile gerçek zamanlı perspektif dönüşüm uygulayan interaktif kart. Portföy ve ürün vitrin sayfaları için.
B
★★★★★

"Türkal Partners olmadan bu kadar hızlı büyüyemezdik."

Baris T. — E-ticaret Direktörü

GlassmorphismTestimonial
Müşteri Görüş Kartı
Cam efektli arka plan bulanıklığı ile tasarlanan müşteri referans kartı. Renkli blob arka planı dinamik gradient ile hareket eder.
Manyetik ButonCTA
Etkileşimli CTA Butonları
Mouse imlecini manyetik gibi çeken buton sistemi. Yaklaşıldığında imleç yönüne doğru kaymalar, uzaklaşınca orijinal pozisyona döner.

⚡ Premium Plan

Sınırsız proje, öncelikli destek ve özel danışmanlık paketi dahil.

Dönen KenarlıkFiyatlandırma
Öne Çıkan Plan Kartı
Konic gradient ile dönen animasyonlu kenarlık. Fiyatlandırma sayfalarında en popüler planı vurgulamak için kullanılan bileşen.
TÜRKAL
PARTNERS
Dijital Dönüşüm Ajansı
Parlak EfektMarka
Marka Adı Hero Animasyonu
Işık yansıması simüle eden shine animasyonu. Lüks marka kimliği çalışmalarında ana başlık için tercih edilen şık efekt.
📦

Amazon FBA

Tam Yönetim

Listeleme, reklam ve depo yönetimi dahil.

🛍️

Shopify

Mağaza Kurulum

Tema, entegrasyon ve otomasyon.

3D FlipHizmet Listesi
Hizmet Çevirme Kartları
Hover'da 3D eksende dönerek arka yüzünü gösteren hizmet kartı. Ön yüzde kategori, arka yüzde detay bilgisi sunulur.
Biz Sizin İçin
Yazı MakinesiHero
Dinamik Hero Başlığı
Birden fazla değer önerisini sırayla yazan ve silen typewriter efekti. Ana sayfanın hero bölümüne maksimum etki için entegre edildi.
0+
Müşteri
0M$
Yönetilen Reklam
0%
Memnuniyet
0
Ülke
Sayı Animasyonuİstatistik
Büyüme Metrikleri Bölümü
Sayfa görünürlüğe girdiğinde sıfırdan hedef değere hızlanan easing ile sayılan metrik bileşeni. Dashboard ve anasayfa istatistik bölümleri için.
Son Projeler
Shopify Amazon FBA TikTok Shop Meta Ads SEO İhracat Shopify Amazon FBA TikTok Shop Meta Ads SEO İhracat
Kayan BantNavigasyon
Proje Kayan Metin Bandı
Kenarlarda şeffaflaşan gradient maskeli sonsuz kayan metin bandı. Uzmanlık alanları veya müşteri adlarını sergilemek için optimize edildi.

Yaratıcı UI

Organik form tasarımı

Blob EfektiArka Plan
Organik Blob Arka Plan
SVG filtresi ve CSS animasyonuyla canlı tutulan organik blob şekli. Yaratıcı ajans ve startup landing sayfaları için modern arka plan çözümü.
GLOBAL
DIJITAL AJANS · 2025
Glitch EfektiEdgy Marka
Glitch Metin Animasyonu
RGB kanallarını kaydırarak oluşturulan dijital bozulma efekti. Teknoloji, oyun ve müzik sektörü markaları için çarpıcı başlık bileşeni.

Dijital Evren

Sınırsız olasılıklar

Orb EfektiAmbient
Ambient Işık Küreleri
Bağımsız yüzen radial gradient küreler. Sayfaya derinlik ve canlılık katan, performans dostu CSS animasyon sistemi.

Doku Katmanı

Canvas noise texture overlay

Noise DokuArka Plan
Film Tanesi Doku Efekti
Canvas üzerinde gerçek zamanlı üretilen Perlin-tarzı noise dokusu. Arka planlara derinlik ve premium his katan ince overlay katmanı.
Premium

Uluslararası E-Ticaret Paketi

Amazon, eBay, TikTok Shop ve Shopify entegrasyonunu içeren tam yönetim hizmeti.

Animasyonlu KenarlıkPremium UI
Dönen Gradient Kenarlık Kartı
@property ile tanımlanmış CSS custom property sayesinde kesintisiz dönen konic gradient kenarlık. En premium plan kartı için tasarlandı.

Projenize Özel
Tasarım İster Misiniz?

Her bileşen ve efekt, markanıza özel renk, içerik ve animasyon ile yeniden üretilir.

Ücretsiz Keşif Görüşmesi

Müşteri Yorumları

Türkal Partners ile çalışan işletmeler ve online satıcılar kendi sözleriyle anlatıyor.

Ahmet B.
Kuruyemiş toptancısı, Eskişehir
İki reklam ajansı denedim, para gitti sonuç yok. Turkal ekibiyle ilk üç ayda reklam masrafımın karşılığını iki katına çıkardık. En güzeli, paranın nereye gittiğini ilk defa net görüyorum.
Barış K.
Trendyol & Hepsiburada satıcısı, İstanbul
Ürünlerim Trendyol'da listede kayboluyordu. Listelemeleri ve reklamları baştan elden geçirdiler; iki ayda mağaza cirom belirgin arttı, iade oranı da düştü.
Ece T.
Cilt bakım markası (kendi e-ticaret sitesi), İstanbul
Kendi sitemizden satışı büyütmek istiyorduk ama site yavaştı, dönüşüm düşüktü. Siteyi hızlandırıp reklamı doğru kurdular; sepeti terk eden müşteri sayısı ciddi düştü.
Meltem K.
Mobilya mağazası sahibi, Bursa
Sitemiz 5 yıl önceki halimize benziyordu. Altı haftada baştan yaptılar, artık markanın bugünkü haline yakışıyor. Telefonla soran müşteri sayısı belirgin arttı.
Deniz Y.
Amazon FBA satıcısı, Ankara
Amerika'da Amazon'da satış yapıyordum ama reklam bütçesi eriyip gidiyordu. Kampanyaları baştan kurdular, ACOS'u aşağı çektiler; ilk kez kâr net görünüyor.
Serkan T.
Evden eve nakliyat, İzmir
Google'da ilk sayfaya çıkacağımıza inanmıyordum. Altı ay sonra "İzmir evden eve nakliyat" aramasında ön sıradayız, gelen arama ikiye katlandı.
Murat S.
El yapımı ürün satıcısı (Etsy), Denizli
Etsy'de hiç görünmüyordum. Başlıkları, etiketleri ve görselleri düzelttiler; yurt dışı siparişler ilk çeyrekte ikiye katlandı.
Gizem Y.
Kozmetik e-ticaret, İstanbul
Ekibimin yarım gününü alan müşteri sorularını yanıtlayan bir sistem kurdular. İki ayda masrafını çıkardı.
Yasemin D.
Butik giyim (Instagram satış), Bursa
DM'den satış yapıyordum, her şey dağınıktı. Reklamları ve sayfayı düzene soktular; artık gelen kişi takipçi değil, alışveriş yapan müşteri.
Hüseyin A.
Zeytinyağı üreticisi, Ayvalık
Ürünümüzün Avrupa'da satılacağını biliyordum ama nasıl gireceğimizi bilmiyordum. Konumlandırmadan ilk ithalatçı görüşmelerine kadar yolu çıkardılar. Bu bahar Almanya'ya ilk siparişimizi gönderdik.
Selin A.
Takı markası (online satış), İzmir
Sadece logo değişikliği değildi; markanın ne olduğuna karar vermemizi sağladılar. Hikaye netleşince Instagram'dan gelen satış da, fiyatı savunmak da kolaylaştı.
Kaan M.
Yazılım firması kurucusu, Kocaeli
Lafı hiç dolandırmadılar. Üçüncü gün hangi reklamı kapatmamız gerektiğini söylediler, haklıydılar da. Müşteri başına maliyet üçte bir düştü.
Nalan Ö.
Butik otel işletmecisi, Fethiye
Üç ayrı firmayla uğraşmak yerine her şeyi tek yerden hallettim. Bu bile yeterdi ama rezervasyonlar da arkasından geldi.
Onur Ç.
Muhasebe & danışmanlık, Gaziantep
En sevdiğim tarafı geri dönmeleri. İki yıldır çalışıyoruz, hâlâ aynı gün cevap alıyorum. Bu sandığınızdan daha nadir.