Numan Çebi
UI / UX Tasarımcı, İstanbul
merhaba@numancebi.com
20 yıllık ilgim olan tasarım alanında, 16 yılı aşkın süredir profesyonel hizmet veriyorum. 2006'dan beri yüzlerce web sitesi ve mobil uygulama arayüzü tasarladım.*
Bu sayfada, işlerimden örnekler ve bazı çalışmalarım hakkında ayrıntılar yer alıyor. Portfolyo'da fazlasını bulabilirsiniz.
Diğer merak ettikleriniz için bana yazabilirsiniz. Genellikle 24 saat içinde yanıtlanır * Bazı işlerin ayrıntıları projeler bölümünde listelendi.
Bu sayfada, işlerimden örnekler ve bazı çalışmalarım hakkında ayrıntılar yer alıyor. Portfolyo'da fazlasını bulabilirsiniz.
Diğer merak ettikleriniz için bana yazabilirsiniz. Genellikle 24 saat içinde yanıtlanır * Bazı işlerin ayrıntıları projeler bölümünde listelendi.
Web ve Mobil Uygulama Arayüz Tasarımcısı olarak 14 yıldır çalıştığım, Türkiye'nin lider teknoloji portalı ve en popüler forumu DonanımHaber’de, Kullanıcı Deneyimi Tasarımı benim sorumluluğumda olan ve her gün milyonlarca kullanıcı ile buluşan birçok projeye, fikir aşamasındayken Proje Danışmanı olarak da dahildim.
DH projeleri ve iş ortaklarımızla yürüttüğümüz çalışmalar için Çevrimiçi Ürün Tasarımcılığı yapıyor ve Kullanıcı Merkezli Arayüzler tasarlamaya devam ediyorum.
DH ile ortak projelerinde büyük heyecanla yer aldığım markalardan bazıları (daha fazlası burada)
DH projeleri ve iş ortaklarımızla yürüttüğümüz çalışmalar için Çevrimiçi Ürün Tasarımcılığı yapıyor ve Kullanıcı Merkezli Arayüzler tasarlamaya devam ediyorum.
DH ile ortak projelerinde büyük heyecanla yer aldığım markalardan bazıları (daha fazlası burada)
Güncel bir Mobil Uygulama Arayüzü ve Kullanıcı Deneyimi Tasarımı (UI/UX) çalışması raporundan;
DH için arayüzlerini tasarladığım; iOS, Android ve HarmonyOS için geliştirilen Çoklu Platform Mobil Uygulama ile üyelerimizin akıllı telefonları ile DH’de geçirdiği "süreyi" %700'ün üzerinde artırdık, "gezinti hızını" yaklaşık 20 katına çıkardık, "sayfa yükünü" ise mobil sitemizin 4'te birine kadar indirdik.
DonanımHaber'in mobil web sürümünü kullanan ortalama kullanıcı, önceden her ay sitede 5 sayfa görüntülerken, bu uygulama ile yaklaşık 300 ekran gezer hale geldi ve "hemen çıkmanın" bariz bir şekilde azaldığı görüldü. (Portfolyo'da Göster)
DonanımHaber'in mobil web sürümünü kullanan ortalama kullanıcı, önceden her ay sitede 5 sayfa görüntülerken, bu uygulama ile yaklaşık 300 ekran gezer hale geldi ve "hemen çıkmanın" bariz bir şekilde azaldığı görüldü. (Portfolyo'da Göster)
Güncel bir Web Site Arayüzü ve Kullanıcı Deneyimi Tasarımı (UI/UX) çalışması raporundan;
İlk olarak 2010'da tasarladığım DH Portal'ı yakın zamanda yeni kullanıcı trendleri ve alışkanlıklar ışığında, kişiselleştirilebilir bir arayüz tasarımı ile güncelleyerek, ek fonksiyonlarla yayına aldık. (Portfolyo'da Göster)
Aylarca süren ve müdavim kullanıcılarla interaktif bir gelişme modeli izlediğimiz bu arayüz tasarımı, henüz BETA sürecindeyken dahi içeriklerin klasik tasarıma kıyasla %20 daha fazla yorum aldığını ve içeriklerin %55 daha fazla okunduğunu gördük. Zaman geçtikçe, müdavim kullanıcıların aşinalığı arttı ve paralel olarak performans da artmayı sürdürdü.
Aylarca süren ve müdavim kullanıcılarla interaktif bir gelişme modeli izlediğimiz bu arayüz tasarımı, henüz BETA sürecindeyken dahi içeriklerin klasik tasarıma kıyasla %20 daha fazla yorum aldığını ve içeriklerin %55 daha fazla okunduğunu gördük. Zaman geçtikçe, müdavim kullanıcıların aşinalığı arttı ve paralel olarak performans da artmayı sürdürdü.
Her proje için onlarca ekran çizildi*
Kusursuz arayüz deneyimini elde edene kadar, gerekirse bire bir veya çoklu mülakatlarla, bizzat hedef kullanıcılardan ve ekip arkadaşlarımdan geri bildirimler alıyorum. Yüz yüze veya çevrimiçi bu toplantılar, site ve uygulamaları taslak aşamasında olduğu kadar, yayına girdikten sonra da geliştirmeye devam etmemde yardımcı oluyor.
* Çizimler sırasında geri dönüştürülebilir ürünler kullanılmakta ve kağıt israfından kaçınılmaktadır.
Kusursuz arayüz deneyimini elde edene kadar, gerekirse bire bir veya çoklu mülakatlarla, bizzat hedef kullanıcılardan ve ekip arkadaşlarımdan geri bildirimler alıyorum. Yüz yüze veya çevrimiçi bu toplantılar, site ve uygulamaları taslak aşamasında olduğu kadar, yayına girdikten sonra da geliştirmeye devam etmemde yardımcı oluyor.
* Çizimler sırasında geri dönüştürülebilir ürünler kullanılmakta ve kağıt israfından kaçınılmaktadır.
DonanımHaberBaş Tasarım Sorumlusu *
2009 - Halen
Kıdemli UI/UX Tasarımcı, Grafik Tasarımcı, HTML/CSS Geliştirici
2009 itibariyle (HTML / CSS 2015,
Grafik Tasarım 2017'ye kadar **)
|
Derpaş Yayınevi ve E-Dershane
Flash Arayüz ve Grafik Tasarımcı, Action Script Geliştirici
2007 - 2008 yıllarında, yaklaşık 9 ay
|
Freelance (Serbest)
Arayüz (Web/Uygulama) ve Grafik Tasarımcı, HTML/CSS Geliştirici
2006'dan ~2012'ye kadar ***
(Jr.) Web/Grafik ve Animasyon Tasarımcısı, Video Editör
2002 - 2006 arası * İş deneyimlerim ve listelediğim
pozisyonların ayrıntıları LinkedIn profilimde.
** 2015 sonrası DH'de HTML/CSS Geliştirme ile;
2017'den beri de Grafik Tasarım ile ilgilenmiyorum.
*** 2012 sonrası freelance işlerde çok seçiciyim, aktif serbest tasarımcıyım denemez; niteliğe bakıyorum, nadiren alıyorum.
Yer aldığım bazı projeler ve bu projeler ile ilgili yaptığım işler aşağıda listelenmiştir. Daha güncel projeler ve fazlası için LinkedIn profilimi görüntüleyebilirsiniz.
DonanımHaber - Güncel Mobil Uygulama (V3) (Hazırlanıyor)
Şub 2020 - Halen
DH'nin, iOS, Android ve HarmonyOS işletim sistemleri için geliştirilmekte olan üçüncü ve en kapsamlı mobil uygulamasının tüm ekran ve kullanım aşamalarının (flow) tasarlanması (UI/UX). Tasarımsal geliştirmeler ve entegrasyon eş zamanlı olarak devam ediyor.
|
Garanti Bankası - POS Ürünleri ve Kredi Kartları
Ağu 2022 - Eyl 2022
Garanti Bankası'nın, reklam ve pazarlama stratejileri kapsamında yürüttüğü proje kapsamında, bankanın POS ürünleri ve Bonus başta olmak üzere tüm kredi kartlarının listelendiği web sayfalarının hem masaüstü, hem de mobil arayüz tasarımları.
|
E** - Elektrikli Otomobillerle İlgili Web Sitesi*
Mar 2022 - Ağu 2022
Projenin masaüstü ve mobil cihazlar için hazırlanan tüm ekranlarının tasarımları (UI/UX) ve proje danışmanlığı. *(Prosedür nedeniyle projenin adı 'şimdilik' gizlenmiştir.)
Daha Fazla Proje 110+ Proje Listelendi
DonanımHaber - Güncel Mobil Uygulama (V3) (Hazırlanıyor)
Şub 2020 - Halen
DH'nin, iOS, Android ve HarmonyOS işletim sistemleri için geliştirilmekte olan üçüncü ve en kapsamlı mobil uygulamasının tüm ekran ve kullanım aşamalarının (flow) tasarlanması (UI/UX). Tasarımsal geliştirmeler ve entegrasyon eş zamanlı olarak devam ediyor.
|
Garanti Bankası - POS Ürünleri ve Kredi Kartları
Ağu 2022 - Eyl 2022
Garanti Bankası'nın, reklam ve pazarlama stratejileri kapsamında yürüttüğü proje kapsamında, bankanın POS ürünleri ve Bonus başta olmak üzere tüm kredi kartlarının listelendiği web sayfalarının hem masaüstü, hem de mobil arayüz tasarımları.
|
E** - Elektrikli Otomobillerle İlgili Web Sitesi*
Mar 2022 - Ağu 2022
Projenin masaüstü ve mobil cihazlar için hazırlanan tüm ekranlarının tasarımları (UI/UX) ve proje danışmanlığı. *(Prosedür nedeniyle projenin adı 'şimdilik' gizlenmiştir.)
Daha Fazla Proje 110+ Proje Listelendi
Geçmişte bağımsız yazılımcılar ve ajanslar ile pek çok web sitesi geliştirdik, tasarladık ve yayına hazırladık. Bu sitelerin bir kısmının HTML ve CSS kodlamalarını kendim üstlendim ancak son yıllarda kişisel projelerim haricinde front-end geliştirme işi almıyorum ve kodlamaya yalnızca bu alandaki yenilikleri takip edecek kadar yakınım.
Freelance işlerini yaptığım markalardan öne çıkanlar (daha fazlası burada)
Freelance işlerini yaptığım markalardan öne çıkanlar (daha fazlası burada)
Serbest tasarımcı olarak, Quiksilver gibi dünyaca ünlü giyim markalarının mikro sitelerinden, Onur Market gibi yerli perakende zincirlerin sosyal medya tanıtım görseli şablonlarına kadar, geniş yelpazede küçük ve orta ölçekli projelerde de yer aldım. (Örnekler)
2007'de, ilk tam zamanlı işim, Derpaş* bünyesinde basılı kitaplar için Grafik Tasarımlar ve E-Dershane** için 2D animasyonlu Flash Web Uygulama Arayüzleri tasarlamaktı. 8-9 ay süren bu serüven neticesinde Flash’ın da modasının geçmesiyle, Action Script macerasını sonlandırdım ve daha yeni teknolojilerine ağırlık verdim. (Portfolyo'da Göster)
* Derpaş: Eğitim alanında hizmet veren bir yayınevi.
** E-dershane: Ücretli abonelik sistemi ile çalışan, internet tarayıcı, CD ve masaüstü uygulaması gibi birçok ortamda görüntülenebilen multimedya ürün.
* Derpaş: Eğitim alanında hizmet veren bir yayınevi.** E-dershane: Ücretli abonelik sistemi ile çalışan, internet tarayıcı, CD ve masaüstü uygulaması gibi birçok ortamda görüntülenebilen multimedya ürün.
Daha fazla örnek işimi görmek için bu amaçla hazırladığım Portfolyo siteme göz atın.
* 2006’dan günümüze, dahil olduğum projelerin tamamını listelemek mümkün olmadığından, tasarım çizgimi anlayabilmeniz adına bazı örnekler yükledim.
* 2006’dan günümüze, dahil olduğum projelerin tamamını listelemek mümkün olmadığından, tasarım çizgimi anlayabilmeniz adına bazı örnekler yükledim.
Blogdan Seçkiler
Katıldığım tasarım etkinliklerinden notlar, izlediğim yaratıcı sanat filmlerinden anekdotlar ve tasarım ile ilgili yazılarım başta olmak üzere; seyahat, teknoloji ve iş dünyası dahil birçok kategoride makaleye 2007 yılından beri yer verdiğim bloguma göz atın.
UX tasarım ile ilgili bana sıkça sorulan sorular ve yanıtları (Yazı Dizisi) - 2022 & 2023
UXistanbul 2023 notlarım: Web3, üretken AI ve merkeziyetsizlik - Mayıs 2023
Non-Fungible Token (NFT) devriminin neresindeyiz? - Mart 2021
Tasarımcıların ve görsel sanatlarla ilgilenenlerin izlemesi gereken belgeseller - Temmuz 2020
UX Design (Kullanıcı Deneyimi Tasarımı) nedir? (Örneklerle Anlatım) - Kasım 2019
Ürün tasarlarken unutulmamalı: Kötü deneyimi unutmak daha zordur - Mart 2015
Kullanıcı merkezli arayüzler tasarlarken dikkat edilmesi gerekenler - Şubat 2015
Daha Fazla Göster
UXistanbul 2023 notlarım: Web3, üretken AI ve merkeziyetsizlik - Mayıs 2023
Non-Fungible Token (NFT) devriminin neresindeyiz? - Mart 2021
Tasarımcıların ve görsel sanatlarla ilgilenenlerin izlemesi gereken belgeseller - Temmuz 2020
UX Design (Kullanıcı Deneyimi Tasarımı) nedir? (Örneklerle Anlatım) - Kasım 2019
Ürün tasarlarken unutulmamalı: Kötü deneyimi unutmak daha zordur - Mart 2015
Kullanıcı merkezli arayüzler tasarlarken dikkat edilmesi gerekenler - Şubat 2015
Daha Fazla Göster
Eğitim ve Atölye Çalışmaları
Adobe Certified Web & Graphic Design Program
Bilge Adam
2006 (400 saat / 6 ay)
UX Alive (Biggest User Experience Converence in EMEA)
Userspots
2016, 2017, 2018, 2019
UXistanbul (User Experience and Usability Conference)
UX Services
2017, 2019, 2023
Animation (3D) Course
Bilişim Eğitim Merkezi
2010 (3 ay)
Best Practices for Optimizing Your Mobile App
Optimizely
2015 (Webinar)
Stop Motion Workshop
Epikİşler
2016 (1 gün)
3+ Level English Course
Berlitz
2011 (10 ay) Aldığım eğitim ve katıldığım atölye çalışmaları ile mesleki konferanslardan ilgili olanlar listelenmiştir.
Adobe Certified Web & Graphic Design Program
Bilge Adam
2006 (400 saat / 6 ay)
UX Alive (Biggest User Experience Converence in EMEA)
Userspots
2016, 2017, 2018, 2019
UXistanbul (User Experience and Usability Conference)
UX Services
2017, 2019, 2023
Animation (3D) Course
Bilişim Eğitim Merkezi
2010 (3 ay)
Best Practices for Optimizing Your Mobile App
Optimizely
2015 (Webinar)
Stop Motion Workshop
Epikİşler
2016 (1 gün)
3+ Level English Course
Berlitz
2011 (10 ay) Aldığım eğitim ve katıldığım atölye çalışmaları ile mesleki konferanslardan ilgili olanlar listelenmiştir.
Lisans ve Sertifikalar
Sketch for UX Design • UX Foundations: Style Guides and Design Systems • Video Editing for UX Design • Designing an Animated App UI with Illustrator • Interaction Design • Creating a Design System with Sketch • User Experience Design for Wearables • Principle for UX Design • Typography for Web
Platform: LinkedIn Learning
|
Learning Responsive Design • Sketch: Mobile Design Workflows • Photoshop for UX Design • UX Design: 6 Paper Prototyping
Platform: Lynda
|
The Ultimate Guide to Usability and UX • Typography for Designers & Developers • Gamification
Platform Udemy Diğer sertifikaları ve burada listelenen sertifikaların yeterlilik kimliklerini görüntüleyebilmek için bağlantı kurabilirsiniz.
Sketch for UX Design • UX Foundations: Style Guides and Design Systems • Video Editing for UX Design • Designing an Animated App UI with Illustrator • Interaction Design • Creating a Design System with Sketch • User Experience Design for Wearables • Principle for UX Design • Typography for Web
Platform: LinkedIn Learning
|
Learning Responsive Design • Sketch: Mobile Design Workflows • Photoshop for UX Design • UX Design: 6 Paper Prototyping
Platform: Lynda
|
The Ultimate Guide to Usability and UX • Typography for Designers & Developers • Gamification
Platform Udemy Diğer sertifikaları ve burada listelenen sertifikaların yeterlilik kimliklerini görüntüleyebilmek için bağlantı kurabilirsiniz.
Aşağıdaki ihtiyaçlarınızın çözümü için birlikte çalışabiliriz;
Ürününüzün kullanıcıya doğru ulaşıp ulaşmadığının tespiti ve müşteri artırma gibi hedeflerinize ulaşmak için UX danışmanlığı istiyorsanız
Kullanıcıların en pratik şekilde yararlanabileceği iOS, Android ve diğer işletim sistemleri için mobil uygulamalar tasarlatmak istiyorsanız
Hedef kitlenizin alışkanlıkları doğrultusunda, modern tarayıcılar ve mobil cihazlar ile uyumlu, duyarlı web sitesi arayüzleri ve CMS tema tasarımları (Wordpress, Shopify, Woo, Wix vs.) ihtiyacınız varsa
Oyun içi ekran öğeleri, akıllı TV uygulamaları (Tizen, GoogleTV, WebOS vs.), kiosk ve ATM gibi aygıt arabirimi tasarımı ihtiyacınız varsa
Genellikle bir defa üretilip, yıllarca kullanılan logo, kartvizit gibi, markanızın kurumsal kimliğini yansıtacak grafik tasarımlara gereksinim duyuyorsanız
Poster, broşür, ambalaj, kapak görseli (müzik albümü, video yayını, podcast vb.), NFT tasarımı, dijital kart, metaverse öğesi, tişört ya da kupa baskısı gibi oldukça geniş yelpazede, standartlara uygun görsel veya grafik baskı gerekiyorsa
Size yardımcı olabilirim.
Ürününüzün kullanıcıya doğru ulaşıp ulaşmadığının tespiti ve müşteri artırma gibi hedeflerinize ulaşmak için UX danışmanlığı istiyorsanız
Kullanıcıların en pratik şekilde yararlanabileceği iOS, Android ve diğer işletim sistemleri için mobil uygulamalar tasarlatmak istiyorsanız
Hedef kitlenizin alışkanlıkları doğrultusunda, modern tarayıcılar ve mobil cihazlar ile uyumlu, duyarlı web sitesi arayüzleri ve CMS tema tasarımları (Wordpress, Shopify, Woo, Wix vs.) ihtiyacınız varsa
Oyun içi ekran öğeleri, akıllı TV uygulamaları (Tizen, GoogleTV, WebOS vs.), kiosk ve ATM gibi aygıt arabirimi tasarımı ihtiyacınız varsa
Genellikle bir defa üretilip, yıllarca kullanılan logo, kartvizit gibi, markanızın kurumsal kimliğini yansıtacak grafik tasarımlara gereksinim duyuyorsanız
Poster, broşür, ambalaj, kapak görseli (müzik albümü, video yayını, podcast vb.), NFT tasarımı, dijital kart, metaverse öğesi, tişört ya da kupa baskısı gibi oldukça geniş yelpazede, standartlara uygun görsel veya grafik baskı gerekiyorsa
Size yardımcı olabilirim.
Burada "ilk" ve hala sürdürdüğüm çizim hobime de yer vermezsem olmaz. Not defterime karaladığım çizimlerimin bazılarını bu gönderide bulabilirsiniz.
Günümüzde dijital sanatın formu değişti, bu alandaki yenilikleri de yakından ve keyifle takip ediyorum. Yapay zekaya komutlarla çizdirdiğim aşağıdaki gibi çıktıları düzenli olarak portfolyomdaki bu gönderide paylaşıyorum. Çizim "ilk" hobim ise, rahatlıkla "sonuncusu da bu" diyebilirim. ("Yapay zeka ile çizim" makalem burada.)
İlginiz için teşekkür ederim,
Tasarım desteği ya da danışmanlık için birlikte çalışmak isterseniz, E-Posta veya LinkedIn üzerinden benimle iletişime geçmekten çekinmeyin.
İyi dileklerimle,
Numan ÇEBİ 2006-2023 © numancebi.com
Bu site ile alt alan adlarında yer alan görseller ve metinler, yazılı izin alınmaksızın kopyalanamaz veya çoğaltılamaz.
Sayfada gördüğünüz ticari marka logoları, markaların kendi tescilli ürünleridir.
Tasarım desteği ya da danışmanlık için birlikte çalışmak isterseniz, E-Posta veya LinkedIn üzerinden benimle iletişime geçmekten çekinmeyin.
İyi dileklerimle,
Numan ÇEBİ 2006-2023 © numancebi.com
Bu site ile alt alan adlarında yer alan görseller ve metinler, yazılı izin alınmaksızın kopyalanamaz veya çoğaltılamaz.
Sayfada gördüğünüz ticari marka logoları, markaların kendi tescilli ürünleridir.
