Web sitesi projelerimden kesitler ve teknik ipuçları paylaşıyorum.
Süreç kabaca bu şekilde ilerleyecek.
Web site çalışmasına hemen başladım. Öncelikle web sitesinin içeriğini belirlemem gerekiyor.
Sitede ürün satışı olmayacak, sadece ürünler tanıtılacak.
WhatsApp‘tan ve Instagram‘dan sipariş oluşturmak için WhatsApp’a ve Instagram’a yönlendirme yapılacak.
Müşterim, web sitenin tüm istatistiklerini ve WhatsApp, Instagram gibi butonlara kaç kez tıklandığı gibi her istatistiği takip edebilecek sitesinde.
Web sitenin içeriği tamamen bana bırakıldı. Öncelikle web sitede olacak sayfaları ve ana sayfada yer alacak içerikleri belirliyorum. Sonrasında içeriği gösteren bir taslak hazırlayarak müşterime sunacağım.
Bu taslağa bakarak, hangi bölümlerin olmasını istiyorsa-istemiyorsa; hangi sayfaların olmasını istiyor-istemiyorsa belirtecek ve web sitenin içeriği belirlendikten sonra tasarım aşamasına geçilecek.
Yapım Aşamasında sayfasında kurumsal e-posta adresini ve LinkedIn profili linkini paylaştık.
E-posta adresini açtık, gerekli ayarlamaları yaptık.
Alan adınıza ait e-posta adresi kullanmak için web sitesine sahip olmak zorunda değilsiniz. Alan adınızı kaydederek LinkedIn vb. profillerinize yönlendirme yapabilirsiniz. Ve info@isimsoyisim.com gibi size ait kurumsal e-posta adresinizi kullanabilirsiniz.
Veya Yapım Aşamasında sayfasına benzer, tek sayfalık, içinde sadece iletişim bilgilerinizin ve sosyal medya profil linklerinizin olduğu basit bir tasarımda web sitesi yaptırabilirsiniz.
Yeni bir web site projesi için anlaştık.
Mesleğinde uzman olan bir profesyonele ait kişisel bir web site olacak.
Web site, kişisel web site olmasının yanında blog sitesi de olacak. İşindeki tecrübeleri ve bilgi birikimleri burada paylaşılacak.
Tasarım tamamen bana bırakıldı. Hem minimal, hem de etkileyici tasarımlar yapmayı düşünüyorum.
Tüm web site çalışmalarımda olduğu gibi burada da 3 farklı ana sayfa tasarımı yapıp sunacağım. Müşterimin beğendiği tasarım üzerinden ilerleyeceğim.
Bir projeyi daha tamamlamanın mutluluğunu yaşıyorum.
Web site toplamda 44 sayfadan oluşuyor.
Ayrıca tüm sayfaların SEO ayarları yapıldı. Google Search Console, Google Analytics, Google Tag Manager ve Google Ads kurulum ve yapılandırmaları da tamamlandı.
Yerel işletmelerde sıklıkla tercih edilen bir şeydir TELEFON ve WHATSAPP butonlarını web siteye sabitlemek.
Halı yıkama sektöründe hem telefon ile arayarak hem de WhatsApp’tan yazarak iletişime geçilebileceği için ikisini kullanmayı uygun gördük.
Web sitedeki diğer butonlarla aynı rengi kullandım ama üst üste geldiklerinde kötü bir görünüm olmasın diye beyaz çerçeve ve gölge ekledim.
Hakkımızda, Hizmetlerimiz ve İletişim sayfalarını tamamladım.
6 hizmete ait sayfalar da yapılacak.
İletişim sayfasında form kullanılmadı. Her sayfanın alt bölümünde CTA kullanıldı.
Ayrıca mobil görünümde ekranın altında sabitlenmiş TELEFON ve WHATSAPP butonları düşünülüyor. Web sitenin geliştirme aşamasında yapılacak.
Ana Sayfa için bu tasarımım seçildi.
Ayrıca firma için logo tasarımı da yaptım. 5 farklı logo tasarımı sundum ve seçilen tasarımı web sitede kullandım.
Şimdi diğer sayfaların tasarım sürecindeyim. Tabi tasarım sürecinde, sayfaların mobil görünümlerini de düşünerek ilerliyorum.
Bununla birlikte, her sayfa için ayrıca ayrı bir mobil sunum hazırlamıyorum. Çünkü bu yaklaşım proje süresini gereksiz ölçüde uzatabiliyor. Bunun yerine, web sitenin geliştirme aşamasında tasarımları mobil uyumlu şekilde optimize ederek tüm ekran boyutlarında sağlıklı çalışan bir yapı oluşturuyorum.
Ana Sayfa‘da ve Hizmetlerimiz sayfasında kullanacağımız bölüm.
Tablet görünümünde her satırda 2 hizmet, mobil görünümde ise her satırda 1 hizmet olacak.
Her hizmete ait iç sayfalar da olacak.
Tüm web site çalışmalarımda olduğu gibi 3 farklı Ana Sayfa tasarımı üzerinde çalışıyorum. Müşterimin beğendiği tasarım üzerinden çalışmaya devam edeceğim.
İlk tasarımımdan bir örneği bugün sizinle paylaştım.
Web sitenizin PageSpeed Insights üzerinden yüksek puanlar alması elbette sevindiricidir.
Yakın zamanda tamamladığım bir projede, ana sayfa dışındaki sayfalarda oldukça başarılı sonuçlar elde ettik. Masaüstünde 100, mobilde 95 puanları görüyoruz.
Ana sayfada ise daha fazla içerik ve görsel bulunduğu için açılış hızında doğal olarak bir miktar düşüş yaşanabiliyor. Buna rağmen masaüstünde 85–90, mobilde ise 65–75 aralığında performans skoru alıyoruz.
Burada gözden kaçırılmaması gereken önemli bir nokta var: Özellikle mobil testler, gerçek kullanıcı koşullarını birebir yansıtmaz. PageSpeed Insights, mobil performansı değerlendirirken düşük donanımlı bir cihaz ve yaklaşık 1.6 Mbps seviyesinde sınırlı bir internet bağlantısı üzerinden simülasyon uygular. Yani bu sonuçlar, günlük kullanımda herkesin yaşayacağı gerçek performansı değil; zorlayıcı test koşulları altındaki tahmini performansı gösterir.
Masaüstü testlerinde ise daha yüksek bağlantı hızı ve daha güçlü donanım koşulları esas alınır. Bu nedenle masaüstü puanlarının mobil puanlardan daha yüksek çıkması oldukça normaldir.
Dolayısıyla mobil tarafta görülen daha düşük skorlar, sitenin kötü çalıştığı anlamına gelmez. Aksine bu skorlar, oldukça kısıtlı test koşullarında elde edilen teknik sonuçlardır. Gerçek kullanıcı deneyiminde site, çok daha akıcı ve hızlı hissedilecektir.
Özellikle görsel ve içerik açısından zengin ana sayfalarda bu fark daha belirgin olabilir. Bu durum, sitenin gerçek kullanımda yavaş olduğu anlamına gelmez; testin zorlu koşullarda yapıldığını gösterir.
Sağlıklı bir değerlendirme için yalnızca skor değil, gerçek cihaz performansı ve kullanıcı deneyimi de dikkate alınmalıdır.
Yeni bir web site projesine başladım: Bir halı yıkama firmasına ait web site çalışması.
Tabi “Web Site Tasarımı & Geliştirme” süreci doğrudan tasarım ile başlamıyor. Sürecin başlangıcı, müşterinizle konuşmanız ve proje detaylarını öğrenmeniz ile başlıyor.
İl genelinde hizmet veren bir firma. 2 gün boyunca sektörü, aynı ilde faaliyet gösteren diğer firmaları araştırdım.
Web site için içerik belirledim. Web sitesi projelerinde bazen bütün içerik müşteriniz tarafından size iletilebilir. Bazen de bütün içeriği sizin hazırlamanız talep edilebilir.
Web sitede hangi sayfaların olması gerektiği, neler yapılması gerektiği, sayfaların içerikleri vb. bilgiler bir taslak olarak müşterime sunuldu. Onay alındı ve tasarım süreci başladı.
Bu projem ve devam ettiğim diğer projelerimle ilgili paylaşım yapmaya devam edeceğim.