Haziran ayında, fikir aşamasından deploy aşamasına dek bir dijital ürünün hayata geçirilme sürecini paylaştığımız 3 haftalık bir etkinlik serisi düzenledik. Bu etkinlikler sırasında geliştirdiğimiz Dijital Ürün Sözlüğünü hangi araçları ve yaklaşımları kullanarak hangi bakış açısıyla oluşturduğumuzu anlattık. İlk hafta GatsbyJS ve Tailwind CSS, ikinci hafta Contentrain, Strapi, Contentful, WordPress, üçüncü hafta ise Netflify ve Gastbycloud’tan bahsettik.
Tio’da geliştirdiğimiz her ürün için ürünün gereklilikleri, pazar öncelikleri, kullanıcı profili gibi birçok faktörü dahil ettiğimiz çok boyutlu bir yaklaşımla kullanacağımız araçları belirliyoruz. Etkinlikler boyunca da Jamstack’e ve kullandığımız araçlara odaklanmış olsak da aslında bunun ötesinde, hangi aracın kullanılacağı kararını nasıl aldığımıza dair bilgi birikimimizi ve benimsediğimiz yaklaşımı aktarmayı hedefledik.
Dijital Ürün Sözlüğü örneğinde de Jamstack araçlarını kullanmaya karar vermemizin hız, yalınlık, geliştirme deneyiminin öncelikli olması; güçlü bir topluluğu olması ve birçok başka araçlarla entegrasyon fırsatı olması gibi çeşitli sebepleri vardı.
Yalın Ürün Geliştirme
Tio’da benimsediğimiz yalın ürün geliştirme yaklaşımı doğrultusunda, MVP (minimum viable product) odaklı bir bakış açısıyla ilerliyoruz. Geliştirme sürecini, üreteceği değere inandığımız bir ürünü başarıya ulaştıracak ideal yolu kurucu ekiple beraber keşfettiğimiz bir süreç olarak görüyoruz. Bir MVP geliştirmekteki temel neden ürünün hedeflediği değeri üretip üretmeyeceğini tüm kaynakları harcamadan önce denemek olduğundan; mümkün olan en az kaynağı kullanarak nasıl çalışan ve test edilebilir bir ürüne ulaşacağımızı düşünüyoruz.
Geliştirdiğimiz MVP ile fikri gerçek kullanıcılarla test etmenin yanı sıra; ilk kullanıcı veritabanının oluşması, ürün etrafında topluluk oluşmaya başlaması, sonraki aşamalarda hangi özelliklerin önceliklendirileceği veya ürünün kullanıcı segmentinin başka hangi ihtiyaçları olduğu gibi çok değerli bilgileri kolayca elde edebiliyoruz. Dijital ürün sözlüğü de, bunlar gibi birçok çıkış noktası olan bir MVP olarak geliştirildi.
Dijital Ürün Sözlüğü
Dijital ürün sözlüğü ile oluşturmaya çalıştığımız temel değer, ürün geliştirme ekosisteminde üretilen bilgilerin diğerlerine de ulaşmasını sağlamak. Dijital ürün alanı, çoğu niş gibi giderek büyüyen bir terminolojiye sahip. Kullandığımız kavramların neredeyse hepsi belirli bir düşünce yapısının ve kültürün parçası haline gelmiş durumda. Tio’nun sözlüğü ürün geliştirme alanına yeni girecek bir kişi veya ürün geliştirme aşamasında dış kaynak kullanmak isteyen bir girişimcinin önündeki terminoloji bariyerini aşmakta kullanabileceği bir kaynak olması için geliştirildi.
Aslında tio olarak çeşitli kanalları bu amaç doğrultusunda kullanıyor, dijital ürün alanında içerik üretiyoruz fakat dijital ürün sözlüğü organize edilmiş yapısıyla ve bir başvuru kaynağı olma potansiyeliyle farklı bir noktada duruyor. Tüm bu sebeplerle, kullandığımız terminolojiyi en yalın ve keyifli şekilde anlatacak dijital ürün sözlüğünü geliştirmeye karar verdik.
Amacımız bir yandan dijital ürüne topluluğu için fayda yaratırken bir yandan da bu sözlüğün SEO çalışmalarımızı desteklemesi, tio web sitesinin organik trafiğini artırması ve sektörel otoritemizi güçlendirmesini sağlamaktı. Bu nedenle hem üretilecek içerikleri seçerken ve üretirken hem kullanacağımız araçları seçerken bu bakış açısıyla da optimizasyon imkanlarını gözettik.
Kullanıcı deneyiminin keyifli olması bizim için önemliydi.. Ürünün tasarımını bir sözlük okuma deneyiminden uzak, sadece göz atacak biri için de eğlenceli fakat odaklanıp bilgi arayacak biri için de uygun olacak şekilde hazırladık. Hedefimiz sezgisel olarak ilerlenebilen fakat yeni bir deneyim yaratmaktı. Amacımız fiziksel bir sözlüğün okuma deneyimini dijitale taşımaktan ziyade farklı dijital platformlara alışık kullanıcıların iyi vakit geçirmesini sağlamaktı.
Tio Dijital Ürün Sözlüğü fikrini ne kadar kısa sürede, ne kadar az kaynakla istenilen faydayı sağlayan bir dijital ürün geliştirilebileceğini göstermesi açısından Jamstack Hours etkinlikleri boyunca geliştirmek için uygun bulduk.
Jamstack Hours #1 Gatsby Starter Projesi:
Etkinlik Canlı Yayını Jamstack Hours #1
Jamstack Hours’ın ilk haftasında, bir Gatsby Starter projesiyle başladık ve özel tasarımı uyarlamak için Tailwind CSS plugininin kurulumunu yaptık. Gatsby sayfa yapısını anlatabilmek için en minimal Gatsby projesiyle başladık. Ardından sayfada örnek bir component yapısını canlı olarak oluşturduk. Tailwind ile responsive olarak nasıl class tanımlanacağını ve elementlerin farklı statelerinin nasıl düzenlenebileceğini gösterdik.
🛠️ GatsbyJS
🛠️ Tailwind CSS
Jamstack Hours #2 Headless CMS:
Canlı Yayın: Jamstack Hours #2
Gatsby arka planda neredeyse tüm CMS hizmetleriyle sorunsuz çalıştığı için seçeneklerimizi karşılaştırdık. Self-hosted CMS örneği olarak Strapi ve headless WordPress, cloud-hosted olarak Contentful ve Git-based CMS örneği olarak da Contenttrain’den bahsettik. Farklı ürünlerde ihtiyaca göre kullandığımız bu CMSlerin avantaj ve dezavantajlarından bahsettik.
Git based CMS olan Contentrain ekibi kendi araçlarının Jacmtack Hours #1’de hazırladığımız Gatsby starter projesiyle nasıl entegre edildiğini göstermek için yayınımıza katıldı.
🛠️ Contentrain
🛠️ Strapi
🛠️ Contentful
🛠️ WordPress
Jamstack Hours #3 Deployment
Canlı Yayın: Jamstack Hours #3
Netlify, Gatsby Cloud veya Vercel gibi ürünlerle, git deponuzla otomatik entegre olarak kolayca yayına alma süreçlerinden bahsettik. Dijital Ürün Sözlüğü’nü GatsbyCloud ile yayına aldık.
🛠️ Netlify
🛠️ Gatsbycloud
