İş İlanı Hakkında
Bana vereceğiniz herhangi bir diyagram, çizim veya iş akışı şemasını (Workflow.md), çalışan ve modern bir web sitesine dönüştürüyorum. Hayalinizdeki işlevselliği, tasarımı ve kullanıcı deneyimini, sunduğunuz bu yol haritasıyla birebir hayata geçiriyorum...
1. Diagram/Tasarım Şeması Nedir? (Görsel & Dış Görünüş)
Bu, sitenizin "dış görünüşünün" ve "yerleşiminin" bir taslağıdır. Bana şunları gösterebilir:
Kaba Taslaklar (Wireframe): Kutular, çizgiler ve yer tutucularla sitenin basit ve temel düzenini gösteren siyah-beyaz çizimler. "Buraya logo, buraya menü, buraya büyük bir resim, buraya yazı bloğu gelecek" gibi.
Tasarım Taslakları (Mockup): Renklerin, yazı tiplerinin, resimlerin ve buton stillerinin de olduğu, sitenin bitmiş haline çok yakın görsel temsiller. (Örn: Figma, Adobe XD ile hazırlanmış dosyalar).
El Çizimleri: Bir peçete veya defter üzerine çizilmiş, fikrinizi anlattığınız herhangi bir kroki.
Bana Ne İşe Yarar?: Bana, "Sitenin nasıl görünmesini istediğinizi" gösterir. Butonlar nerede, renkler ne, yazılar nasıl hizalanmış? Tasarım beklentinizi anlamamı sağlar.
2. İş Akışı (Workflow) Şeması Nedir? (Mantık & İşlevsellik)
Bu, sitenizin "beynin" ve "işleyişinin" bir haritasıdır. Kullanıcıların sitede ne yapabileceğini adım adım anlatır. Genellikle şekiller ve oklarla çizilir.
Örnek 1 (Basit): "Ziyaretçi 'İletişim' butonuna tıklar -> İletişim formu açılır -> Kullanıcı bilgilerini doldurur ve 'Gönder'e basar -> Bana bir e-posta bildirimi gider -> Kullanıcıya 'Teşekkürler, mesajınız iletildi' yazısı çıkar."
Örnek 2 (Karmaşık): "Kullanıcı siteye girer -> Bir ürün arar -> Filtreleme yapar -> Ürün detayına gider -> 'Sepete Ekle' der -> Sepete gider -> 'Ödeme Yap'a tıklar -> Kredi kartı bilgilerini girer -> Ödeme onaylanır -> Siparişi ve kargoyu takip edebileceği paneli açılır."
Bana Ne İşe Yarar?: Bana, "Sitenin nasıl çalışmasını istediğinizi" gösterir. Hangi butonun ne yapacağını, verilerin nereye gideceğini, kullanıcı deneyiminin nasıl ilerleyeceğini anlamamı sağlar. Bu, programlamanın yol haritamdır.
Özetle Süreç Şöyle İşler:
Siz Bana Bir Yol Haritası Verirsiniz: Bana bir tasarım diyagramı ve/veya bir iş akışı şeması iletirsiniz. Bu, fikrinizin somutlaşmış halidir.
Ben Onu "Koda" Dönüştürürüm: Ben bu görsel ve yazılı talimatları alır, profesyonel programlama dilleri (HTML, CSS, JavaScript, backend dilleri) kullanarak, tamamen çalışan, hızlı ve modern bir web sitesine dönüştürürüm.
