Site yapım aşamasında tasarım çalışmaları

REKLAM

Anlık binlerce kişinin girdiği websiteleri dahi bir süreliğine mola verip yeni tasarımı yada scripti faaliyete geçirmek için dinlenme ihtiyacı duyar. Mesela geçenlerde Sahibinden.com sitesine girdiğimde bile böyle bir durumla karşı karşıya kaldım. Birkaç şey güncellemek için binlerce kişiyi kapıda bekletip ufak çaplı bir sayfaya yönlendirmek oluyor aslında bu. Tam hatırlamıyorum ama gg, n11 yada hepsiburada sitelerinden birinde de bir süreliğine bu durum olmuştu. Büyük siteleri örnek vermemin sebebi, gayet normal bir durum olduğu ve herkesin bu tarz işlemler yapabileceği anlamına geliyor istesek de istemek de. Tabi bir de işin ziyaretçi boyutu söz konusu. Gün boyu çalış, yapamadığın alışverişleri, ödeyemediğin faturaları da online olarak ödeme ihtiyacı duyduğumuzda bile kapalı siteler ile karşılaşmamız mümkün diye yazarken Yapıkredi internet sitesinin de çoğu zaman kapalı olduğu dönemler gözümün önünden geçti bir anda. O kadar işin üstüne bir de ne kadar bekleyeceğimizi bile bilememek ister istemez stres altına girmemize neden oluyor.

REKLAM

Site yapım aşamasında tasarım çalışmaları

Yapım aşamasındaki sitelere ziyaretçi gözünden bakınca durum çok farklı bir hal alabiliyor. Her ne kadar tavsiye etmesem bile kaçınılmaz durumlar yüzünden web sitemizi bir süreliğine bakım moduna alma ihtiyacı duyabiliyoruz. Bu güne kadar hiç bir şekilde mintik.com sitesini yapım aşamasında diye kapalı tutmadım. Varolan sorunları localhost üzerinden düzeltip hızlı bir şekilde eskisiyle değiştirerek yoluma devam etmeye çalıştım. Bu konuda çok çaba göstermeme rağmen ben farkında olmadan sitenin ziyaretçilere kapalı olduğu durumlar olmuştur hosting tarafından yapılan acil müdahalelerle. Örneklere başlamadan önce hem yayıncı hemde okuyucu tarafından duruma bakarak kendi görüşlerimi eklemek istedim biraz. Sizler için derlediğim bazı scriptler, siteniz bakım modunda iken belki işinize yaramaz yada bu amaç için beğenmezsiniz ama içindeki materyaller mutlaka bir gün işinize yarayacaktır. Burada paylaştığımız örneklerin Çoğu Html5, Css ve Javascript kullanılarak tasarlanmış olan örneklerden oluşuyor. Bazı template örnekleri hareketleri bazılarında açılışa kalan süre ve geriye sayım sayacı şeklinde içerikler barındırıyor. Flash tasarımlar şimdilik yok ama ilerde flash tasarımları da yazımıza dahil edebiliriz istekler doğrultusunda. Kullanmazsanız dahi arşivinizde bulunmasında oldukça fayda görüyorum.

Websitesi yapım aşamasındadır template örnekleri

İş makineleri animasyonuna sahip bakımdayız indexi

Site yapım aşamasında tasarım çalışmaları Konuya eklediğim örneklerin hiç biri için açıklama eklemeye ihtiyaç duymamıştım. Sadece bir başlık ve bir resim örneği anlatmaya yetmişti şimdiye kadar. En son eklediğim bu örneği de görünsün diye en ön sıraya aldım. İlk sıraya bu örneği almamın sebebini demoya tıkladığınızda daha iyi anlayacaksınız. Sayfanın en altında bir bina diken iş makinelerinin hareketli olduğunu ve sürekli bir şeyler kaldırıp indirdiklerini göreceksiniz. Tamamen Css animasyonlar kullanılarak hazırlanmış bir örnek.

Arkaplanda video ile geri sayım

Site yapım aşamasında tasarım çalışmaları

Javascript geri sayımSite yapım aşamasında tasarım çalışmaları

Animasyonlu açılan yazılar

Site yapım aşamasında tasarım çalışmaları

Geri sayım sayaçlı başka bir örnek

Site yapım aşamasında tasarım çalışmaları

Css3 animasyonlu yüklenme çubuğu Site yapım aşamasında tasarım çalışmaları

Css3 ile Hazırlanmış bir logo ve geri sayım sayacı Site yapım aşamasında tasarım çalışmaları

Sakin ol, bir yere gittiğimiz yok.

Site yapım aşamasında tasarım çalışmaları Uzunca bir aradan sonra, yeni bir örnek daha ekledik. Bu örnekte sürekli değişen açıklamalar var ayrıca eposta abonelik kutusu da var.

Dişli çark animasyonlu bakımdayız indexi.

Site yapım aşamasında tasarım çalışmaları

Sallanan alışveriş çantası animasyonlu bakımdayız indexi.

Site yapım aşamasında tasarım çalışmaları

İnşaat halinde gece gündüz çalışıyoruz

Site yapım aşamasında tasarım çalışmaları

Uyuyoruz uyandığımızda herşeyi halledeceğiz Site yapım aşamasında tasarım çalışmaları

Parallax hareketli yapım aşamasında sayfası

Fırlatma yakında başlıyor

Hareket eden Asfalt silindirli animasyonlu bakımdayız sayfası

Site yapım aşamasında tasarım çalışmaları

Bilgisayarda kod yazan ayzılımcı animasyonlu

Site yapım aşamasında tasarım çalışmaları

Bilgisayar klavyesinde yazı yazan animasyon

Site yapım aşamasında tasarım çalışmaları

Devamı Çok yakında Sizlerle...

Evet örnekler şimdilik buraya kadar. Umarım bu listeden beğendiğiniz bir örnek bulabilirsiniz.

yanit +21 yanıt
report Bildir

ur paylaşımı altında 21 fikir paylaşıldı.

Yorumlar
4. tasarımı çok beğendim teşekkürler.
Bildir
REKLAM
hepsi ayrı ayrı güzel olmuş. bakımdayız müsadenizle kullanabilirmiyim?
Bildir
Eyvallah hocam çok güzel bir döküman olmuş.
Bildir
rar dosyaları hasar görmüş
Bildir
Elinize sağlık hocam hepsi birbirinden güzel olmuş.
Bildir

Akşama kadar arasaydım bu kadar örnek bulamazdım. Teşekkürler emeğin için. ????

Bildir
qwertyuiop
Bildir
Javascript geri sayım - mail adresi tam olarak nereye kaydediliyor? her ley tamam hocam da bir orayı çözemedim. yani ben kendime o kısmı nasıl uyarlayacağım?
Bildir
merhabalar hocam bu template ler siteye nasıl kurulcak ve üzerinde nasıl değişiklik yapabiliriz ? daha bu işin başlarındayım
Bildir
hocam nasıl alıcam demoya indire başıyorum hiç birşey olmuyor
Bildir

Topluluğa katılmak ister misin?

Paylaşım yapmak ve etkileşime geçmek için giriş yapmalısın.
Kategoriler
Bu içeriği paylaş
Hazırlanıyor...
🏆 En iyiler
Yükleniyor...