Bento ızgaralı vitrin
Açılış ekranı farklı boyutlarda kutulardan oluşur: büyük bir tanıtım cümlesi, uzmanlık alanı, bir görsel ve müsaitlik durumu yan yana durur. Ziyaretçi ilk bakışta kiminle karşılaştığını anlar.
TiboPortfolyo · UI/UX Tasarımcı demosu · v1.0.0
UI/UX Tasarımcı Portfolyo Sitesi — TiboPortfolyo UI/UX Tasarımcı
UI/UX Tasarımcı demosu, ekranların arkasındaki düşünme sürecini anlatmak isteyen ürün tasarımcıları için hazırlandı. Manrope yazı tipi, yüzen kapsül header, bento ızgaralı vitrin, problem → süreç → sonuç yapısında vaka çalışması kartları, tasarım süreci adımları ve araç kartları tek tıkla kurulur.
₺1.490’den başlayan fiyatlarla · PayTR ile güvenli ödeme
webtibo.com/wp/tema/tiboportfolyo-uiux
Hedef kitle
Bu tema kimler için?
UX alanında işe alım yapan biri, ekran görüntülerinden çok bir tasarımcının problemi nasıl ele aldığını merak eder. Kullanıcı araştırması nasıl yapıldı, hangi varsayımlar test edildi, hangi seçenek neden elendi? Güzel bir mockup bu soruların hiçbirini yanıtlamaz. UI/UX Tasarımcı demosu bu nedenle projeleri vaka çalışması olarak sunar: her kartta önce problem, ardından süreç ve sonuç gelir, altında da metriklere yer açılır. Temiz ızgara ve bol beyaz alan, içeriği öne çıkarır.
Ürün ekiplerinde çalışan ya da çalışmak isteyen UI/UX tasarımcıları, mobil uygulama ve SaaS arayüzleri tasarlayan serbest çalışanlar, tasarım sistemi kuran uzmanlar ve UX denetimi yapan danışmanlar bu yapıdan yararlanır. Vitrin bento kutularıyla kim olduğunuzu, uzmanlık alanınızı ve müsaitlik durumunuzu bir bakışta anlatır. Özgeçmiş ve zaman çizelgesi bölümleriyle de kariyerinizi bir işe alım görüşmesine hazır biçimde sunarsınız.
- Ürün ve UI/UX tasarımcıları
- Mobil uygulama arayüz tasarımcıları
- SaaS ürün tasarımcıları
- Tasarım sistemi uzmanları
- UX araştırmacıları ve denetçileri
- Yeni iş arayan junior tasarımcılar
Sektöre özel
UI/UX Tasarımcı için hazır gelen özellikler
Problem → süreç → sonuç
Her projenin sayfasında üç ayrı vaka alanı vardır. Problemi, izlediğiniz yolu ve elde edilen sonucu ayrı başlıklar altında yazarsınız; uzun bir metin okunabilir parçalara bölünür.
Metrik kartları
Metrikler alanına her satıra bir değer ve bir etiket yazarsınız; vaka kartında ve proje sayfasında büyük rakamlarla gösterilir. Yalnızca ölçtüğünüz ve paylaşma izniniz olan sonuçları yazmanızı öneririz.
Tasarım süreci adımları
Araştırma, fikir, prototip ve test gibi çalışma adımlarınızı numaralı kartlarla anlatırsınız. Müşteri sizinle çalışırken neyle karşılaşacağını önceden görür.
Araç kartları
Figma, prototipleme ve kullanıcı testi araçları gibi kullandığınız programları kart halinde gösterirsiniz. Beceriler bölümünde etiket grupları kullanılır, yüzde çubuğu yoktur.
Özgeçmiş ve zaman çizelgesi
Çalıştığınız ekipleri, rollerinizi ve tarihleri zaman çizelgesinde sıralarsınız. PDF özgeçmişinizi Kişisel Marka sekmesine eklediğinizde indirme kutusundan indirilebilir.
Filtrelenebilir vaka arşivi
Mobil, web ürünü, tasarım sistemi gibi kategorilerle vaka çalışmalarını ayırırsınız. Proje arşivinde ve ana sayfa bölümünde filtre sayfa yenilenmeden çalışır.
Karanlık mod seçeneği
Karanlık modu kapalı tutabilir, bir düğmeyle ziyaretçiye bırakabilir ya da cihazın tercihine göre otomatik açtırabilirsiniz. Renk değişkenleri iki modda da tutarlı kalır.
Tanışma ve teklif formu
Header’daki “Tanışalım” düğmesi teklif formuna götürür. Form mobil uygulama, SaaS, tasarım sistemi ya da UX denetimi gibi proje türlerini, bütçe aralığını ve süreyi sorar.
İyi bir UX vaka çalışması nasıl yazılır?
Vaka çalışması bir başarı hikâyesi değil, bir karar kaydıdır. Okuyan kişi sizin hangi bilgiye dayanarak hangi seçimi yaptığınızı görmek ister. Problem bölümünde kullanıcının ya da işin yaşadığı sıkıntıyı somut bir cümleyle tanımlayın. Süreç bölümünde görüşmeleri, akış şemalarını, denediğiniz alternatifleri ve neden vazgeçtiğinizi anlatın. Sonuç bölümünde ise hem ölçülen değişikliği hem de bir sonraki adımda neyi farklı yapacağınızı yazın.
Gizlilik anlaşmasıyla korunan işlerde ekranları bulanıklaştırabilir ya da yalnızca süreci anlatabilirsiniz. Müşteri adı alanı isteğe bağlıdır; “fintech girişimi” gibi genel bir tanım da yeterli olur. Demo içindeki örnek vakalar ve rakamlar düzeni göstermek için konmuştur; kendi sitenizde bunları gerçek çalışmalarınızla değiştirmeniz gerekir. Vaka kartlarında kategori, müşteri ve yıl bilgisi tek satırda görünür; okuyan kişi hangi alanda, kiminle ve ne zaman çalıştığınızı kartı açmadan anlar. Öne çıkan proje rozetiyle en kapsamlı vakalarınızı işaretleyerek ziyaretçinin önce onları okumasını sağlarsınız. Proje sayfaları CreativeWork şemasıyla, ana sayfa ise Person şemasıyla arama motorlarına tanıtılır; adınızla yapılan aramalarda sitenizin doğru anlaşılmasına yardımcı olur.
Portfolyonun kendisi de bir arayüzdür
UX tasarımcısının sitesi kullanılabilirlik açısından da değerlendirilir. Yüzen kapsül header kaydırırken sabit kalır ve menüye her an ulaşılır. Mobilde ekranın altındaki gezinme çubuğu en önemli sayfalara tek dokunuşla götürür; öğelerini sürükleyerek sıralar, adlarını değiştirir, en fazla beşini gösterirsiniz. Bu küçük ayrıntılar, ziyaretçiye işinize gösterdiğiniz özeni sitenin kendisinde de hissettirir.
Canlı Düzenle ekranı ana sayfayı sitenin üzerinde düzenlemenizi sağlar: bölümleri sürükleyerek sıralar, sütun ve boşlukları ayarlar, mobil ve tablet önizlemesine geçersiniz. Elementor ile çalışmak isterseniz temanın bütün bölümleri Elementor bileşeni olarak hazırdır, ama zorunlu değildir. Animasyonlar hareket azaltma tercihine uyar. Görünüm ayarlarında ana renk, vurgu rengi ve zemin tonları ayrı ayrı belirlenir; kendi tasarım sisteminizin paletini birkaç dakikada siteye taşıyabilirsiniz. Köşe yuvarlaklığı ve düğme şekli seçenekleri de arayüz dilinizle uyumlu bir görünüm kurmanızı kolaylaştırır. Sayfa genişliğini piksel olarak ayarlayabilir, proje listesini iki, üç ya da dört sütunla gösterebilirsiniz.
Ekran görüntüleri
UI/UX Tasarımcı demosundan görüntüler
Görseller canlı demodan alınmıştır; tüm sayfaları gezmek için canlı demoyu açın.
3 adımda yayında
Nasıl kurulur?
Lisansı satın alın
PayTR üzerinden kartla ya da taksitle ödeme yapın. Anahtar hesabınızda görünür ve canlı alan adınızda etkinleşir.
UI/UX demosunu kurun
Panel & Demolar ekranında UI/UX Tasarımcı kartında Kur’a basın. Vaka çalışmaları, süreç adımları, araç kartları, blog yazıları ve örnek özgeçmiş birlikte kurulur.
Vakalarınızı yazın
Projeler menüsünden her çalışmanız için problem, süreç ve sonuç alanlarını doldurun, metrikleri ekleyin. Kişisel Marka sekmesinde unvanınızı ve özgeçmiş PDF’inizi güncelleyin.
Karşılaştırma
Neden TiboPortfolyo? (diğer temalara göre)
Yabancı portfolyo temaları çoğunlukla görsel galeriye odaklanır, vaka çalışmasını ayrı bir yazı gibi kurmanızı ister; ürün tasarımcısı gözüyle iki yaklaşımı karşılaştırdık.
| Ölçüt | TiboPortfolyo | Diğer temalar |
|---|---|---|
| Türkçe arayüz ve destek | Türkçe panel, 6 ay Türkçe destek | Çoğunlukla İngilizce, bilet sistemi |
| Mesleğe özel hazır demo | ✓ 8 meslek, her birinin kendi header’ı, rengi ve yazı tipi | Genel ajans demoları, meslek ayrımı az |
| Proje ve vaka çalışması alanları | ✓ Rol, yıl, müşteri, araçlar, problem-süreç-sonuç, metrikler | — Çoğunlukla başlık ve galeriyle sınırlı |
| Proje teklifi formu | ✓ Proje türü, bütçe aralığı, süre ya da tarih; eklentisiz | — Form eklentisiyle elle kurulur |
| Müsaitlik rozeti, CV ve medya kiti | ✓ Tema Ayarları’ndan tek alanla | Nadiren hazır, kod ya da eklenti gerekir |
| Sayfa oluşturucu bağımlılığı | Elementor isteğe bağlı, kendi Canlı Düzenle editörü | Çoğu ücretli sayfa oluşturucuya bağlı |
| Yerel ödeme ile satın alma | PayTR, Türk bankalarına taksit | Dolar ile yurt dışı ödeme |
| Lisans ve güncelleme | TL, tek sefer, ömür boyu güncelleme | Dolar, destek süresi ayrıca ücretli |
Fiyat
TiboPortfolyo lisans seçenekleri
Tek ödeme, ömür boyu lisans ve güncelleme. UI/UX Tasarımcı dahil tüm demolar her pakette.
Tek Site₺1.4901 alan adı · Kendi portföyünüz içinSatın al
Profesyonel₺2.4902 alan adı · İki kişisel marka içinSatın al
Ajans₺7.9905 alan adı · Müşterilerine portföy kuranlar içinSatın al
PayTR 3D Secure · Visa, Mastercard, Troy · kredi kartına taksit · lisans anahtarı anında e-postada. Lisans yalnız canlı alan adınızda çalışır.
iDijital ürün olduğu için iade yok — satın almadan önce canlı demoyu inceleyin, sorun olursa destek yanınızda. Neden?
Tema ve eklentiler dijital üründür. Ödeme onaylandığı anda lisans anahtarınız e-postanıza ve Lisanslarım sayfanıza teslim edilir, dosyalar indirilebilir olur. İndirilen bir dosya kopyalanabildiği için geri alınamaz; bu nedenle Mesafeli Sözleşmeler Yönetmeliği md. 15/1-ğ uyarınca, onayınızla anında teslim edilen dijital ürünlerde cayma hakkı bulunmaz ve iade yapılmaz.
Satın almadan önce canlı demoları dilediğiniz kadar inceleyin; aklınıza takılanı WhatsApp’tan ya da iletişim formundan sorun.
Kurulumda veya kullanımda teknik bir sorun yaşarsanız destek ekibimiz çözüm sağlar. Ürünün ayıplı olması ve sorunun giderilememesi hâlinde kanundan doğan haklarınız saklıdır.
S.S.S.
Sık sorulan sorular
Figma prototiplerimi siteye gömebilir miyim?
Tema dış servisleri sayfa açılırken otomatik yüklemez. Prototipin bağlantısını canlı demo alanına yazarsanız ziyaretçi tek tıkla açar; içeriğe gömmek isterseniz WordPress düzenleyicisini kullanabilirsiniz.
Vaka çalışmasını ayrı bir sayfa olarak mı yazıyorum?
Hayır. Her proje kendi sayfasına sahiptir ve problem, süreç, sonuç ile metrik alanları proje düzenleme ekranında yer alır. Ek yazıları normal içerik alanına ekleyebilirsiniz.
Gizli projelerimi nasıl gösteririm?
Müşteri adını boş bırakabilir, görselleri anonimleştirebilir ya da yalnız süreci anlatabilirsiniz. Neyi paylaşacağınız tamamen sizin elinizdedir.
Özgeçmiş PDF’ini değiştirmek zor mu?
Değil. Yeni PDF’i ortam kütüphanesine yükleyip adresini Kişisel Marka sekmesindeki CV alanına yapıştırmanız yeterlidir.
Deneme sürümü ya da test kurulumu mümkün mü?
Deneme sürümü yoktur; lisans yalnızca canlı alan adında çalışır, yerel ya da test ortamında etkinleşmez. Karar vermeden önce UI/UX demosunu canlı inceleyebilirsiniz.
Başka bir demoya sonradan geçebilir miyim?
Evet. Panel & Demolar ekranından başka bir demoyu kurabilirsiniz; bir demoyu kaldırdığınızda önceki ayarlarınız geri yüklenir.
Destek ve güncellemeler fiyata dahil mi?
Evet. Altı ay Türkçe destek ve ömür boyu ücretsiz güncelleme lisans fiyatına dahildir.
İade var mı?
Tema ve eklentiler dijital üründür. Ödeme onaylandığı anda lisans anahtarınız e-postanıza ve Lisanslarım sayfanıza teslim edilir, dosyalar indirilebilir olur. İndirilen bir dosya kopyalanabildiği için geri alınamaz; bu nedenle Mesafeli Sözleşmeler Yönetmeliği md. 15/1-ğ uyarınca, onayınızla anında teslim edilen dijital ürünlerde cayma hakkı bulunmaz ve iade yapılmaz. Satın almadan önce canlı demoları dilediğiniz kadar inceleyin; aklınıza takılanı WhatsApp’tan ya da iletişim formundan sorun. Kurulumda veya kullanımda teknik bir sorun yaşarsanız destek ekibimiz çözüm sağlar. Ürünün ayıplı olması ve sorunun giderilememesi hâlinde kanundan doğan haklarınız saklıdır.
İlgili sayfalar
TiboPortfolyo’in diğer demoları
Yazılımcı Portfolyo SitesiTiboPortfolyo Yazılım GeliştiriciGrafik Tasarımcı Portfolyo SitesiTiboPortfolyo Grafik TasarımcıFotoğrafçı Web SitesiTiboPortfolyo FotoğrafçıYazar ve Akademisyen Web SitesiTiboPortfolyo Yazar / AkademisyenMimar Portfolyo SitesiTiboPortfolyo Mimar / İç Mimarİçerik Üreticisi ve Medya Kiti SitesiTiboPortfolyo İçerik ÜreticisiMüzisyen Web SitesiTiboPortfolyo Müzisyen / Sanatçı
Grafik Tasarımcı Portfolyo SitesiTiboPortfolyo Grafik TasarımcıFotoğrafçı Web SitesiTiboPortfolyo FotoğrafçıYazar ve Akademisyen Web SitesiTiboPortfolyo Yazar / AkademisyenMimar Portfolyo SitesiTiboPortfolyo Mimar / İç Mimarİçerik Üreticisi ve Medya Kiti SitesiTiboPortfolyo İçerik ÜreticisiMüzisyen Web SitesiTiboPortfolyo Müzisyen / Sanatçıİlgili rehberler
Birlikte iyi çalışan eklentiler
- TiboSEO ProTürkçeyi anlayan SEO eklentisi: başlık ve açıklama kontrolleri, şema, site haritası.
- TiboSpeedÖnbellek ve görsel iyileştirme ile Core Web Vitals değerlerini yükseltir.
UI/UX Tasarımcı sitenizi bugün kurun
Önce canlı demoda bütün sayfaları gezin; beğendiğinizde lisansı alın, demoyu tek tıkla kurun ve kendi içeriğinizi girin.
