İlham Alabileceğiniz 10 Etkileşimli Web Sitesi
Yayınlanan: 2020-07-06Bir UI tasarımcısı olarak, etkileşimli ve göze hoş gelen bir web sitesi tasarlamak ve web sitesinin amacına ulaşmak için çok çalışmak gerekir. Ancak belirli web sitelerini tasarlarken, web sitesinin okunabilirliği ile birlikte yaratıcılık genellikle arka planda kalır ve web siteleri çok etkileşimli değil gibi görünür. Web siteleri, ziyaretçinin sitenizi daha sık ziyaret etmesini sağlayacak, sadece web sitesini kullanmanın ve web sayfalarıyla etkileşime geçmenin zevkini yaşayabileceği tasarımlara sahip olmalıdır.
Kullanıcıların daha fazlasını başaran basit web sitelerini kullandığı günler geride kaldı. Artık amaç, etkileşimi artırarak ve etkileşimde kalmasını sağlayarak kullanıcının siteyi kullanmasını sağlamaktır. Kullanıcı gelecekte web sitenizle daha fazla etkileşim için geri gelmeye devam ederse, web siteniz kuruluşunuz için bir varlıktır.
Bu blog, etkileşimli ve kullanıma hazır yaratıcılığa sahip bu tür web sitelerine bakar.
1. Döngü:
Cyclemon, sipariş edebileceğiniz ve binebileceğiniz çeşitli bisiklet tasarımlarına sahip bir web sitesidir. Bu web sitesi, ürünlerine bir göz atmak için kaydırma kullanır. Tüm ürün tasarımlarını görmek için kaydırmaya devam etmeniz yeterli. Şirketin sloganı, “Sürdüğünüz şeysiniz!” diyor. Bu da kullanıcının kendisi için uygun bir bisiklet tasarımı bulması için sayfanın en altına inmesini sağlar. Bu nedenle, bir kullanıcıyı tüm modeller görünene kadar kaydırmaya devam etmeye zorlarsınız.
Kişiliğinize uygun olduğunu düşündüğünüz bisikleti sipariş verebilirsiniz. Tasarımın arkasında insan psikolojisini uygulamıştır. Web sitesinde tüm modeller var ve size uygun modeli bulduğunuzu “hissedinceye” kadar kaydırmanızı sağlıyorlar.
2. Alex Buga:
Alex Buga, Romanya'da Bükreş'ten bir tasarımcı ve portföyü olarak çalışan bir web sitesine sahip. Sitenin dizin sayfasını açtığınızda, ekran boyunca tek tek döşemelerin kendi çektiği görüntülerin bulunduğu döşemeler tasarladı ve belirli döşemelerde YouTube video bağlantıları var. Web siteleri tasarlamanın yanı sıra fotoğrafçı ve müzisyendir.
Web tasarımı alanında 7 yıllık geniş iş tecrübesine sahip MB Dragan'da kreatif direktör olarak çalıştı. Geliştirdiği web sitesi kutudan çıkmış tasarıma sahiptir.
3. Evans Halshaw – Tahvil Arabaları:
Evans Halshaw, yeni ve kullanılmış arabalardan oluşan bir portaldır. İngiltere, İskoçya ve Galler genelinde 130 lokasyonla çalıştılar. Web siteleri Cyclemon web sitesine benzer. Aradaki fark, James Bond filmlerinde bulunan farklı araba modellerini kullanmış olmalarıdır. Her görüntünün bir yılı, arabanın modeli ve göründüğü filmin adı vardır. Ana sayfayı aşağı kaydırdığınızda, önceki görüntüden uzaklaşan farklı araçları size gösterecektir.
Tasarım, bir araba aşığını birkaç dakika eğlendirecek. Buna ek olarak, bir James Bond film fanatiği, Bond filmlerinde kullanılan tüm arabaları görmek için web sitesinde gezinmeye devam edecek. Görüntülerle birlikte, her araba için ekranın sağ alt köşesinde filme dayalı kısa bir açıklamaları var.
4. Noktadan noktaya oynayın:
Bu web sitesi oyuncular için en etkileşimli sitedir. Sayılarından azalan sırayla noktaları birleştirmeyi içeren bir oyuna sahiptir. Bir zamanlayıcı kullanır. Belirtilen zaman aralığında verilen noktaları birleştirmeniz gerekiyor ve bir sonraki oyuna geçiliyor. Sizi meşgul edecek ve çocuklar arasında da favori olduğunu kanıtlayabilir.
Bu web sitesiyle etkileşim düzeyi en yüksek düzeydedir, çünkü hepimiz numaralandırılmış noktaları azalan sırada birleştirmeye takıntılıyız. Arayüz basittir, ancak sizi saatlerce meşgul edebilir.
5. Alışkanlıklarımdan Kurtul:
Kick My Habits güzellik setleri, dışarıda yemek yemek, sigara içmek, alkol almak ve parti yapmak gibi belirli şeyler üzerinden harcamalarınızı hesaplamanıza yardımcı olan bir web sitesidir. Size bu kötü alışkanlıklara yılda ne kadar para harcandığını ve bunların hepsini çok etkileşimli bir şekilde anlatıyor.
Kötü alışkanlıklara haftada ne kadar para harcandığını soruyor. Bir uygulama için tüm verileri beslediğinizde, sizi bir sonraki kalıba götürür. Bu alışkanlığınız yoksa “Bu alışkanlığım yok”u seçebilirsiniz. Verilerini beslediğiniz her uygulamayı analiz ettikten sonra, bu alışkanlıklar için bir yılda harcadığınız para miktarını inceler. Herkes yatırım yaptığı bu harcamaları her yıl hesaplayabilir. Ancak web sitesinin etkileşimli kullanıcı arayüzü en güzel tasarıma sahip, bu da burada en büyük öneme sahip. Sonunda, yıllık ve haftalık olarak toplam birikimlerinizi ve bu parayı banka hesabına yatırdıktan sonra ortaya çıkacak olan tutarı gösterir.
6. Hizmet:
Zervice, öncülük eden birkaç farklı franchise markasına sahip bir gruptur. Akıllı ve yaratıcı bir web sitesi tasarımıdır ve en çok ödül alan web sitelerinden biridir. Web sitesi şehir içinde seyahat etmekle başlar. Site, aracın üzerinde hareket ettiği resimler ve bir SVG yolu kullandı. Bulutlar, testler ve sorular gibi etkileşim için bir görünüm oluşturur. Araba web sitesinin bazı yönlerinin altından ve altından geçtiğinde web sitesi 3 boyutlu bir model gibi görünüyor.
Sayfa bir düşünce balonu, bir karşılama mesajı ve bir şehir manzarası ile açılır. Ayrıca aracı bir sonraki noktaya götüren bir “Git” düğmesi vardır. Başka bir ekran, kayan bir çerçeveye ve arabanın içinden geçtiği bir binaya sahip sofistike bir ekrandır. Onlarla birlikte birkaç durak ve quiz ile Zervice'nin hizmetleri hakkında bilgi edinirsiniz. Dolambaçlı yollar, inşaat ve en iyi yanı, altından aracın geçtiği hareketli bir tren olması, görülmesi gereken bir manzara. Hizmetlerini bilmeniz gerekmese bile, yukarıdaki açıklamayı deneyimlemek için bir kez ziyaret etmelisiniz.
7. Araba Paylaşımının Geleceği:
Bu web sitesi bir arabayı satın almak yerine paylaşmaktan bahsediyor. Bu web sitesi farklı bir şekilde çok etkileşimlidir. Sitenin ana sayfasına indiğinizde, sol ve sağ ok tuşlarına basarak ileri ve geri hareket edebilen yeşil bir araba görüyorsunuz. Açılış sayfası, araç paylaşımının türünü ve istatistiklerini gösterir. Sağ tuşa bastığınızda, araç, araç paylaşımının sınıflandırmasının ve açıklamasının göründüğü sağ tarafa doğru ilerlemeye başlar.
İlk sınıflandırma, Eşler Arası araç paylaşım konsepti anlamına gelen P2P'dir. Belirli sayıda insanın sahip olduğu bir grup arabayı tanımlar. Bu araba sahipleri, arabaları şoförlere kiralıyor. Diğer bir kategori, İşletmeden Tüketiciye anlamına gelen B2C'dir. Burada bir şirket, şirket üyeleri arasında paylaştığı bir dizi arabaya sahiptir. Bunlar arasında otomobil üreticileri, kiralama markaları ve araba paylaşım markaları yer alır. Üçüncü kategori, Kar Amacı Gütmeyen anlamına gelen NFP'dir. Yerel bir topluluk, kar elde etmek için araba kiralamak yerine, sürücünün sürüş alışkanlıklarında bir değişiklik yapmak için arabayı paylaşır.
Daha ileri gittiğimizde, yol doğrusal görünse de yeşil araba dağların arasından geçiyor gibi görünüyor. Yeşil araba daha sonra büyük bir çöp yığınından geçerken köprünün üzerinden geçmeye başlar ve ardından ABD bayrağını tutan direği geçer. Sayfa boyunca güçlü grafikler vardır ve bir kullanıcının keşfetmek için yapabileceği birçok şey vardır. Fareyi kulenin üzerine getirdiğinizde, fare imlecinin bir ele döndüğünü ve bunun bir köprü olduğunu ima ettiğini görüyorsunuz.
Sayfada daha fazla gezinirken, yüzen bulutları ve kuleye asılı bir şempanze görüyorsunuz. Fareyi ülke bayraklarının üzerine getirdiğinizde harika araba paylaşım seçenekleri görüyorsunuz. İlerledikçe, giderek daha fazla şehir ve eyaletin araba paylaşım seçeneklerini tercih ettiğini görüyorsunuz. Web sitesi, ekranı yatay olarak kaydırmanız gereken bir tasarıma sahiptir, bu da farklı gerçekleri animasyon şeklinde gösterir.
8. Robby Leonardi:
Robby Leonardi, grafik tasarım, illüstrasyon, animasyon ve ön uç geliştirme konularında uzmanlık sunan bir grafik tasarımcıdır. Eğlence endüstrisi ile çalışırken çok fazla deneyime sahip. Bu web sitesini özgeçmişini çok yaratıcı bir şekilde sunmak için geliştirdi.
Bu web sitesi, Future of Car Sharing web sitelerine benzer ve yatay olarak kaydırılır, ancak web sitesindeki kaydırma çubuğu dikeydir. Yukarı ve aşağı ok tuşlarını kullanarak sitede gezinebilirsiniz. Aşağı ok tuşuna bastığınızda, teknik özelliklerdeki pelerinli adam koşmaya başlar. Karşılaştığınız ilk bölüm, Tasarım, İllüstrasyon, Kod ve Animasyon olmak üzere dört alana sahip olduğu “Hakkında” bölümüdür. Ve seviyelere göre çiçek açan çiçeklerle uzmanlığını gösterir. Örneğin, tasarım konusunda uzmanlığı var ve daha sonra çiçek açması, bu konuda uzman olduğunu gösteren “Uzman” çizgisine ulaşana kadar uzanacak.
Siz ilerlediğinizde, adam engelin üzerinden atlar ve kulelerin ve Özgürlük Anıtı'nın içlerinde oturan bir şeytanı gösterdiği New York'ta çalıştığını ve yaşadığını gösterir. İleride, adam yine engelin üzerinden atlar ve bir NBA futbol takımı taraftarı olduğunu gösterir. Burada, bir oyuncu gelip fileden bir basketbol topu fırlatıyor gibi görünüyor.
İleride, her bölümde balık sayılarının sahip olduğu uzmanlık seviyesini ifade ettiği bir beceri bölümü ile karşılaşıyorsunuz. Aynı bölümde, programlama dillerindeki uzmanlığını öne çıkardığı, yengeçlerin bilgi düzeyini gösterdiği bir alt bölüm daha var.
Ayrıca, bir sonraki alt bölüm, kaplumbağaların size her alandaki uzmanlık seviyelerini gösterdiği video ve 3D yazılımdaki uzmanlığı hakkındadır. Ardından, iş deneyimini ahtapot ve diğer su araçları şeklinde vurguladığı bölüm geliyor. Sondan ikinci bölüm ise şimdiye kadar aldığı ödülleri ve yayınları etiketler halinde gösteriyor. Adam paraşüte atlıyor ve uçmaya devam ederken ödüllerini tanımlayan etiketlerden uçuyor. Uçmaya devam ederken, iletişim bilgilerinizi verdiğiniz ve onun için bir mesaj bıraktığınız web sayfasının sonuna ulaşırsınız.
9. Polonya Noel Rehberi:
Polonya Noel Rehberi, her yaştan insanın Polonya Noeli hakkında bilgi sahibi olmasına ve her yıl nasıl kutladıklarına yardımcı olan bir web sitesidir. Polonya'da Noel'i kutlamak için ihtiyaç duyduğu şeyleri taşımak için kızağı olan şirin bir Noel Baba ile başlar. Noel Baba kızağıyla eşya toplamaya devam ederken, toplanan eşyalar ve diğer şeyler hakkında gerçekleri ve bilgileri sunduğundan, çocuklar bu web sitesini çok seveceklerdir.
Polonya'da Noel, birbirinden hediye gönderme ve alma geleneğini temsil eder. Ayrıca, Noel arifesinde önceden haber vermeksizin sizi ziyaret edebilecek diğer insanlarla yemeği paylaşma kültürünü sürdürür. Bu web sitesi illüstrasyon ve müzik arka planı üzerinde çalışır. Web sitesine göz attığınızda, deneyim bir oyun oynamaya benzer.
Web sitesinin sonunda, istismara uğrayan çocuklar ve bu çocuklara yardım etme ve onları koruma çağrıları hakkında farkındalığı yayan bir mesaj var.
10. Dağcı:
Dağcı, bazı harika dijital ürünler ve kullanıcı deneyimleri üreten Interactive Production Company adlı yaratıcı şirket hakkında size her şeyi anlatan interaktif web sitesini geliştirdi. Ormanları ve ormanları temel alan benzersiz bir tema ile başlar. Onlarla etkileşime geçmenizi sağlayan çeşitli unsurlarla, portföylerini çok yaratıcı bir şekilde inceleyebilirsiniz. Tasarım projelerini kaydırma ve sadece bir fare tıklaması ile farklı animasyonlar şeklinde gösterir.
Ekranlardan birinde, fareyi hareket ettirerek metin görünür, bu da görülmeye değer bir manzaradır. Ekran değiştiğinde farklı karelere bölünür, ekrandan düşer ve başka bir ekrana geçmenizi sağlar. Neyle uğraştığına bakılmaksızın şirketiniz için bir web sitesi oluşturmak istiyorsanız, grafiklerden ilham alan Climber web sitesinden ilham almalısınız.
Çözüm:
Bir grafik tasarımcıya yaratıcılığını ortaya çıkarması ve web sitesini tasarlarken elinden gelenin en iyisini yapması için ilham veren web siteleri temsilimizdir. Bu tür siteler sadece hoş bir manzara olmakla kalmaz, aynı zamanda web sitesinin sahibinin ziyaretçiyi meşgul etmesine ve ilgisini çekmesine yardımcı olur. Yukarıda belirtildiği gibi, tüm sitelerde benimseyebileceğiniz pek çok tasarım fikri var. Bunlar, fikir alabileceğiniz animasyon, oyun ekranı, çizgi filmler ve daha fazlasını içerir.