Webflow Nedir?

Kod Gerektirmeyen Duyarlı Tasarıma Sahip Websiteleri

Güncelleme Yayın

Kişisel veya kurumsal web sitesi ihtiyacı doğrultusunda değerlendirilebilecek pek çok uygulamadan bahsetmeye çalışıyorum. Özellikle WordPress ve Grav'a dair daha detaylı içerikler paylaşmamın temel nedeni her iki uygulamanın da oldukça yaygın olan ihtiyaçlara farklı biçimlerle çözüm sunabiliyor olmalarıydı. Ancak, tüm bu süreçte değişmez olan husus temel düzeyde de olsa bir kod bilgisine sahip olmanız gerektiğiydi. Peki, kod yazmak durumunda kalmadan çözüm üretmek mümkün değil mi?

Mümkün elbette. Bu amaçla hizmet veren, Shopify, Wix, Weebly gibi daha önce duymuş ve belki de denemiş olabileceğiniz yerli veya global çözümler üreten pek çok uygulama mevcut. Bu yazının konusu olan Webflow da bu örneklerden biri. Ancak, doğrudan uygulamadan bahsetmeden önce kodsuz geliştirme kavramından bahsetmek istiyorum.

Webfolio

Kodsuz Geliştirme (No-code Development)

Kodsuz geliştirme (no-code development), geliştiricilerin veya pazarlama uzmanları, tasarımcılar gibi kod bilgisi olmayan kişilerin kod yazma gereksinimi duymadan, bir grafik arayüzü kullanarak uygulamalar (web sitesi, mobil uygulama, oyun, vb.) oluşturabilmesi şeklinde özetlenebilir. Bu tür alyapıları sunan uygulamalar ise kodsuz geliştirme platformu (no-code development platform / NCDPs) olarak ifade edilmektedir. Bu platformların odaklanılan konu uygulama geliştirme sürecini yaygınlaştırmak ve hızlandırmaktır. Odak noktası temel alındığında düşük kodlu geliştirme platformlarıyla (low-code development platforms) da ilişkili oldukları söylenebilir1.

Aşağıdaki görsel kodsuz geliştirme ekosistemini özetlemektedir. Daha önce değindiğim Otomasyon Araçları yazısına da bu konu bağlamında göz atabilirsiniz.

Webfolio

Webflow

Kodsuz geliştirme ekosistemi içerisinde websitesi grubu altında bulunan Webflow kurumsal web siteleri ve e-ticaret siteleri özelinde çözümler sunmakta.

Webflow'u diğer pek çok rakibinden ayıran özelliği oldukça kapsamlı bir duyarlı yani responsive tasarım yaklaşımına sahip olması. Bu sayede, online olarak hazırladığınız arayüzlerin farklı cihazla nasıl görünmesi ve davranması gerektiğini detaylı bir şekilde belirleyebilmekte ve çalışma süresince de test edebilmektesiniz. Hatta, oluşturduğunuz HTML/CSS yığınını Webflox dışına da aktarıp istediğiniz sunucuda statik olarak çalıştırabilmektesiniz.

Webflow, Starter, Lite ve Pro olmak üzere 3 farklı üyelik tipine sahip. Üyeliğiniz ile birlikte Starter olarak işlemler gerçekleştirebilmektesiniz. Bu üyelik tipi altında ücretszi olarak 2 proje oluşturabiliyorsunuz. Elbette bu üyelik altında yığın aktarma özelliği mevcut değil2.

Webfolio

Bunlara ek olarak, Webflow üyeler için ayrı bir geliştirme ekosistemi de sunmakta. Dilerseniz hazır ücretli veya ücretsiz tasarımları kullanabilir3 ya da özel çözümler için Webflow tasarımcıları ile çalışabilirsiniz4.

Webflow Kullanmaya Başlamak

Webflow ürün kullanımının yanı sıra HTML ve arayüz geliştirmeye dair de temel eğitimler sunmakta5. Bu eğitimler sonrasında Webflow arayüzündeki düzenlemelerin nasıl sonuçlar üretebileceğini öngörebilmekte ve hızlı ve efektif bir şekilde web sitelerini oluşturmaya başlayabilmektesiniz. Diğer yandan, Youtube üzerinden yayınlanan eğitim ve bilgilendirme içeriklerini6 de kesinlikle değerlendirmenizi öneririm.

Webfolio Ücretlendirme

Yazının giriş bölümünde, Webflow'un Shopify ve Wix ile benzer bir soruna çözüm olarak ortaya çıktığına değinmiştim. Ancak, bu noktada bir ekleme yapmakta fayda var. Wix'in odağı web tasarım sürecine yabancı olan kişilere web sayfası oluşturabilmesini sağlamak iken Shopify bunu bir ticari oluşum temelinde ele alıyor. Webflow'un ise odağı güzel ve mümkün olduğu kadar sorunsuz bir web sayfası oluşturulmasını sağlamak. Bu amaçla pek çok efekt ve etkileşim seçeneği de arayüz aracılığı ile yönetilebilmekte. Elbette bu yapı bir öğrenme sürecini de zorunlu kılıyor. Ancak, hemen endişeye kapılmamalısınız. Webflow tarafından sunulan eğitim içeriklerinin arayüzü kullanmaya başlamak için oldukça yeterli olduğunu söyleyebilirim.

İçerik Yönetim Sistemi (CMS) veya E-Ticaret (eCommerce)

Webflow, Starter üyeliğinizin ilk aşamalarında size bir tek sayfa (single-page) sunuyor ve adım adım bu web sitesini nasıl özelleştirebileceğinizi gösteriyor. İsterseniz kolaylıkla CMS Collection ile bu tek sayfaya listeleme sayfaları, bilgilendirme içerikleri, blog bölümü vb. sayfalar ekleyebilmektesiniz. Tek sayfayı bir e-ticaret sitesi olarak yapılandırmak istediğinizde ise otomatik olarak e-ticaret özelinde oluşturulmuş hazır koleksiyonlar (ürünler ve kategoriler) web sitesine dahil edilir. Starter üyeliğinde sayfa sınırının olduğunu hatırlatmak isterim. Dolayısıyla, bir aşamadan sonra ücretli bir üyeliğe geçiş yapmanız gerekecektir.