E-ticaret Sitesi HTML CSS

Merhaba Diğer konularımdan Az çok beni bilen biler Web tasarımcı asla değilim öyle bir idda etmiyorum'da
sadece kendimi geliştiriyorum kendimi zorlayacak bir proje ile çalışıyorum bana göre baya büyük bir proje sonuçta kaynaklardan faydalanıp yapıyorum
Yapmış oldugum Çalışmanın Ekran Görüntüsü biter bitmez demoyu eklicem
Sizden rica ediyorum Lütfen eksiklerimi ve hatalarımı Söyleyin rekleride bildirin lütfen

Bende sizin gibi kendimi geliştirmeye uğraşıyorum hocam gayet başarılı 10 numara şuan bittiğinde demosunu bekliyorum hocam iyi çalışmalar

Gayet hoş hocam, fakat fazla sade.

Sadelikten kastım; Mesela çok güzel sepet iconu oluşturmuşsunuz, hemen bir köşesine sepette kaç ürün olduğunu gösterecek bir bar ekleyebilirsiniz. Sepete ekle butonuna tıkladıkça bunu arttırabilirsiniz. (İnternette bolca örnek olanlardan ilerliyorum)

Mesela menünün arkaplanına opacitysi 0.6 olan bir arka plan verebilirsiniz, hem vitrin alanı gözükmeye devam eder hemde hoş bir görüntü oluşur. Bu arkaplan sitede scroll üstte edilince sabit bir şekilde bizimle inebilir, bu sırada opacity değeri 1 olur ve göz yormaz.

Genel olarak Gölgelendirmeli çalışmalar da ön planda oluyor, yakışacağını düşünüyorum. kaynak

Daha konuşmak istersek birçok çalışma yapılabilir, bunu en iyi siz araştırma yaparak görebilirsiniz. Tavsiyem envatoya girin ve oradaki en popüler Web templateleri inceleyin, orada farkedeceksinizdir, birinin bir yerinde gölge kullanılmıştır ve sizin çok hoşunuza gider bende kendi tasarımıma uygun bir şekilde uyarlıyım dersiniz, böyle böyle gelişebilirsiniz.

Unutmayın ki tasarımın güzelliği kadar mobil tarafı da çok önemlidir, orayı da pek aksatmanızı tavsiye etmem, iyi çalışmalar dilerim

Beklediğim Yorum Çok Teşekkür Ederim

Merhaba 2'nci Aşamaya Bakarmısın Nasıl Gidiyorum

Evet git gide geliştiğinizi görebiliyorum. Şimdi gelin eksiklerinize bakalım.

Siz bu siteye giriş yaptığınızda nasıl bir dolaşım sağlardınız, içinize ferah gelir miydi ? Önce bu soruyu cevaplamamız gerekiyor.

İlk olarak seçtiğiniz box shadow temaya fazla ağır düşmüş gibi gözüküyor, sepet kısmı daha hoş olmuş. Ve şuna değinmek isterim boşlukları çok fazla kullanıyorsunuz, vitrin alanı çok geniş ama içeriği çok boş, buraya odaklanabilirsiniz, orada bir slider olabilir mesela. (owl carousel, swiper vb. kütüphanelere göz atabilirsiniz)

İkinci olarak renklerimiz çok önemli; değinmek istediğim kısım, mesela menü renkleri, logo rengi, vitrin alanındaki renk, fiyat arkası kullanılan renkler daha bir bütün halinde olmalı, her kısmı farklı kullanıcıya sunarsak otomatik olarak içi daralır ve ziyaret süresi düşer. Burada biraz kurcalanabilirsiniz.

Üçüncü olarak ise bu tarz bir e-ticaret sitesi kodluyorsanız öncelikle tüm rakiplerinizi örnek siteleri incelemeniz gerekiyor. Mesela menü kısmımız hoş güzel ama geniş bir kategori menümüz de olmalı gözüyle bakıyorum, ardından kullanıcı ne kadar hızlı bir ürüne ulaşıp onu sepete ekleyebilirse o kadar iyi gözüyle bakabiliriz. Burada demek istediğim gelişmiş bir arama çubuğumuzda olabilir ve diğer bahsettiğim kısım ise ürünlerde hızlı al butonu da yer alabilir, sepetle uğraşmadan direk ödeme adımına geçmek isteyebilirler. Bunların sonu nereye çıkacak diye sorarsanız tabiki de ui ux bizi karşılayacak, yani hem kullanıcı ara yüzü hem de kullanıcı deneyimi, bunu da araştırmanızı tavsiye ederim, projenizde nasıl kullanabilirsiniz örnekleri inceleyebilirsiniz. (Örn: HepsiBurada, Trendyol vb.)

İlk yazımda da bahsettiğim gibi mobil kısma da aynı özeni göstermeyi unutmayın, şuan ki zamanda mobil üzerinden alışverişler daha sık yapılıyor Tabi birde seo kısmımız var, ufakta olsa seo uyumlu kod yazımını da araştırıp bilgi sahibi olabilirsiniz.

Pes etmediğinizi bilmek çok hoş, iyi çalışmalar dilerim