2022'de Size İlham Verecek En İyi 34 Web Sitesi Tasarımı

Web sitesi ilham yolculuğunuz burada başlar.

Bir web varlığı oluşturmaya karar vermek büyük bir karardır, ancak en iyi web siteleri birçok küçük kararın sonucudur. Ancak zaman, özen ve büyük ölçüde ilham alan önemli bir karar, web sitenizin tasarımıdır.

Bu yazıda, gördüğümüz en iyi birkaç düzine web sitesi tasarımını paylaşıyoruz. Son birkaç yılda onu alt üst eden web sitesi tasarımlarını keşfetmek için aşağıdaki bağlantıları tıklayın. Ayrıca, sadece havalı olan tasarımlardan oluşan bir bonus bölümü de ekledik - bu yüzden onlara da göz atın!

Tasarım İlhamınızı Nereden Alabilirsiniz?

Biraz tasarım bilgisi istiyorsanız, iyi haber şu ki onu hemen hemen her yerde bulabilirsiniz.

Tasarım için ilham almanın en iyi yollarından biri seyahat etmektir. Yeni yerleri ziyaret ettiğinizde, konfor alanınızdan çıkmak ve yabancı bir şey deneyimlemek zorunda kalırsınız.

Tasarımı bu kadar ilginç yapan şey, herkesin onu farklı görmesi ve bu nedenle her zaman keşfedilecek daha çok şeyin olmasıdır.

Tasarımdan ilham almanın başka bir yolu da medyadır. Her gün görsel içerikle dolup taşıyoruz. Neyi sevip neyi sevmediğimize karar verir ve günümüze devam ederiz.

Peki ya bu etkileşimleri nasıl gördüğünüz konusunda daha bilinçli olsaydınız? Bundan değerli içgörülerle çıkabilirsiniz.

Ayrıca tasarım topluluklarından yararlanmayı da unutmamalısınız. Tasarım konferanslarından Reddit forumlarına kadar, tavsiyelerin yanı sıra ilham da verebilecek yüzlerce grup var.

Artık bazı IRL tasarım ilham kaynaklarını ele aldığımıza göre, dijital olanları ele alalım.

Web Sitesi Tasarımı İlham Kaynakları

1. HubSpot'un Varlık Pazarı

HubSpot'un Varlık Pazarı, kendi web siteniz için ilham almak için gözden geçirebileceğiniz yüzlerce web sitesi şablonuna sahiptir.

Pazar yerinin en iyi yanı, sektöre ve özelliğe göre daraltabilmeniz ve en alakalı şablonları görmenize olanak tanımasıdır.

Beğendiğiniz bir şablon bulduğunuzda, tam bir deneyim elde etmek için sitenin canlı önizlemesini görüntüleyebilir ve kullanmaya karar verirseniz indirebilirsiniz.

2. top sürme

Dribble, tasarımcıların ilham almak ve çalışmalarını paylaşmak için gittikleri yerdir. Web sitesi, animasyon ve marka bilinci oluşturmadan illüstrasyona ve mobil cihazlara kadar her şeye sahiptir.

Görüntü Kaynağı

Ana sayfada "Web Tasarımı" sekmesine gittiğinizde, sonuçları renk şemasına, düzenleme yazılımına, zaman çerçevesine ve etiketlere göre filtreleyebilirsiniz.

Ayrıca, işini beğendiğiniz bir tasarımcı bulursanız, tasarımı ileride başvurmak üzere kaydedebilir ve çalışmalarını takip ederek diğer tasarımları profilinde görebilirsiniz.

İster sıfırdan başlayın, ister aklınızda sağlam bir plan olsun, bu inanılmaz bir kaynaktır.

3. Behance

Bu, web sitesi tasarım projenizin önüne geçmek için yaratıcı ilhamla dolu başka bir dijital platformdur.

Görüntü Kaynağı

Bu sitedeki en iyi özelliklerden biri, konuma göre filtreleme yeteneğidir. Bu, farklı bölgelerdeki tasarımcıların teknik ve stil açısından nasıl farklılık gösterdiğini görmenizi sağlar.

Bu, özellikle yabancı, tanıdık olmayan bir pazar için bir web sitesi tasarlıyorsanız yardımcı olabilir. Behance tasarımcılarının verdiği kararları değerlendirerek ilginç bilgiler edinebilirsiniz.

4. Pttrn'ler

Mobil web tasarımına odaklanmak ister misiniz? Pttrns gidilecek yer.

Bu abonelik tabanlı platform, binlerce mobil tasarım şablonuna erişmenize ve dünyanın her yerindeki en iyi tasarımcılardan tavsiye almanıza olanak tanır.

Görüntü Kaynağı

Bu platformdaki ek özellikler şunları içerir:

• Favori tasarımlarınızı saklamak için bir favoriler ve koleksiyonlar klasörü.
• Diğer tasarımcılarla etkileşime geçmek ve tavsiye almak için bir stüdyo.
• Tasarımların arkasındaki stratejiyi anlamak için bir tasarım rehberi.

Tanıdık şirketlerden küçük işletmelere, uluslararası kuruluşlara kadar, aşağıdaki siteler web'deki statükoyu zorlar. Tasarım estetiği, kullanılabilirlik, etkileşim, sağlam tasarım veya sitenin sağladığı değer olsun, her biri kendi sektöründe bir başyapıttır ve arzu edilmesi gereken bir şeydir.

Şaşırtıcı olmayan bir şekilde, bu siteleri ve web'e yaptıkları katkıları öne çıkarmak için birçok kuruluş var. En ilham verici tasarımlardan bazılarını ortaya çıkarmak için Red Dot, Awwwards, UX Awards, The Webby Awards, SiteInspire, En İyi Web Sitesi Galerisi ve FWA dahil olmak üzere birkaç önemli ödül organizasyonunda yolunu bulan birkaç ödüllü bir araya getirdim.

Listeye göz atarken, her sitenin kendi yolunda üstün olduğunu ve benzersiz bir amaca hizmet etmeye çalıştığını bilin. Bir site görsel tasarımın mükemmel bir örneği olabilirken, bir başka site etkileşimin mükemmel bir örneği olabilir.

Bu, bu sitelerin hepsinin, sitenize kolayca kopyalayabileceğiniz "dönüşüm makineleri" veya plan fikirleri olamayacağı anlamına gelir. Bunun yerine, web sitesi tasarımından ilham almanın ve web'in farklı köşelerinde gerçekleşen son teknoloji pazarlamayı görmenin harika yollarıdır.

Web tasarımlarının akıcı olduğunu ve sık sık değiştiğini unutmayın. Bu listedeki tasarımlardan bazıları, verildiklerinden beri değişti, ancak onları güncel tutmak için elimizden gelenin en iyisini yapıyoruz. Burada yaratıcılığınızı ateşleyen bir tasarım bulacağınızdan eminiz.

Devamını Okuyun: 77 İnanılmaz Web Sitesi Tasarımı Örneği

Daha fazla web sitesi blogu, ana sayfa ve açılış sayfası tasarımı örneği görmek için bu ücretsiz kılavuzu indirin .

Güzel Ödüllü Web Siteleri

2021'den En İyi Web Sitesi Tasarımları

IBM'in Harmonik Durumu

Ödül: Ayın Sitesi (Temmuz 2021), Awwwards

Bu IBM web sayfasına girdiğinizde tasarımın neden ödül kazandığını anlıyorsunuz.

Görüntü Kaynağı

Web sitesini tanımlamanın en iyi yolu, sürükleyici bir deneyimdir. Aslında IBM, ziyaretçiyi çekmek ve etkileşimde kalmalarını sağlamak için hem görsel hem de işitsel öğeleri kullanır.

Web sayfasına ilk girdiğinizde, tam deneyim için kulaklık takmanız istenir. Bu adımı atlasanız bile, fareniz sayfada gezinirken tepki veren etkileşimli arka plan sizi içine çeker.

Ek olarak, sayfa, koyu mavi bir CTA ile küçük bir açıklamanın karşısında dikkatinizi çeken büyük bir başlık ile iyi dengelenmiştir.

Yapay zeka kadar karmaşık bir konuyla IBM, Watson aracının gerçek dünyada nasıl çalıştığını açıklamak için görsel hikaye anlatımını kullanır. Ziyaretçiler, video oyunu benzeri işlevler aracılığıyla üç hikayeyi keşfedebilir ve araç hakkında daha fazla bilgi edinebilir.

Kullanıcıları karmaşık ve kuru olabilecek bir konuyla meşgul etmenin eğlenceli ve etkili bir yolu.

süper liste

Ödül: Ayın Sitesi (Nisan 2021), Awwwards

Superlist, ekiplerin ve bireylerin çalışma şekillerini değiştirmelerine yardımcı olan bir üretkenlik uygulamasıdır.

Çoğu zaman, bir web sitesine girersiniz ve markanın ne hakkında olduğunu bulmanız gerekir. Superlist ile ana sayfaya gelir gelmez tam olarak ne bekleyeceğinizi bilirsiniz.

Görüntü Kaynağı

Etkileşimli ana sayfa, net, eksiksiz bir kopyaya sahip kulaklık ve klavye gibi yaygın iş aksesuarlarını gösterir.

Süper liste, odağı kopyasında tutmak için beyaz alanı etkin bir şekilde kullanır. Ancak, gezinmeyi kolaylaştırmak için, kaydırdığınızda sayfada görülecek daha çok şey olduğunu belirtmek için ok simgeli küçük bir düğme içerirler.

Oradan, eğlenceli görseller devam ediyor - marka hakkında daha fazla şey öğrenirken sizi meşgul ediyor.

Hyer

Ödül: Ayın Web Sitesi (2022), CSS Tasarım Ödülleri

Web sitenizin ziyaretçileri üzerinde güçlü bir izlenim bırakmak ister misiniz? Hyer'ın kitabından bir sayfa al.

Görüntü Kaynağı

Ekranda yavaşça hareket eden uçağın bu çarpıcı resmi, web sitesi ziyaretçilerinin dikkatini çekecektir.

Bu sayfa, etkili bir ana sayfada ihtiyacınız olan her şeye sahiptir: Bir hikaye anlatan ancak fazla dikkat dağıtıcı olmayan bir resim, beyaz alan kullanımı, kolay gezinme çubuğu, bir slogan veya slogan ve net bir CTA.

Herhangi bir dikkat dağıtıcı içermeyen temiz bir tasarımdır ve ziyaretçileri marka hakkında daha fazla bilgi edinmeye davet eder.

2020'nin En İyi Web Sitesi Tasarımları

Dünyayı temizle

Ödül: Günün Sitesi (2020), Awwwards

Paralaks, koyu renkler ve negatif boşluk Swab the World web sitesinin tasarımını ve deneyimini şekillendirir. Kuruluş, kök hücre bağışlarına farkındalık getiriyor. Görevleri, “Her bir hastanın eşleşmesini bulmasını sağlamak. Dönem." Aşk ve duygu sergileyen çiftlerin fotoğrafları, tarihsel olarak karmaşık ve bilimsel bir sürece insani bir unsur getiriyor.

Teknik açıdan bakıldığında, tasarım, sayfada aşağı doğru hareket etmeyi doğal hissettirerek okuyucuların ana sayfadaki her bir kopya noktasına ve her CTA'ya ulaşmasını sağlar.

Görüntü Kaynağı

En yeni Amerikalılar

Ödül: Mansiyon (2020), Awwwards

Geçmiş, şimdiki ve gelecekteki göç eden kimlikleri onurlandırmak kadar büyük bir sorumluluğu olan bir kuruluşun, bu sözcüğü yaymaya yardımcı olacak güzel ve işlevsel bir web sitesine ihtiyacı vardır. En yeni Amerikalılar, New Jersey eyaletindeki şehirlerdeki göçmen deneyimlerini destekliyor. Web sitesi, bu deneyimi temsil eden insanların, yerlerin ve öğelerin güzel görüntülerini ana sayfada tutarlı bir şekilde akan ve Amerika'nın bu en yeni vatandaşlarının hikayesini anlatan bir şekilde kullanır.

Web sitesi, basit bir gezinme menüsü, fotoğraflarla düzenlenen hikayeler ve en son makaleleri öne ve merkeze koyan temiz bir basın sayfası ile hem görsel olarak çekici hem de işlevseldir.

Görüntü Kaynağı

Spotify Tasarımı

Ödül: Mansiyon (2020), Awwwards

Spotify, inanılmaz başarılardan adil payını almasıyla bilinir ve Spotify.Design'ın en son yinelemesi de farklı değildir. Spotify için görsel ve yaratıcı her şeyin merkezi olarak hizmet veren müzik ve podcast devi, dinleyicilere uygulamayı bu kadar sansasyonel yapan şeyin kim, ne, neden ve nasıl olduğuna dair bir bakış sunuyor.

Parlak renkler, alt gölgeler ve pürüzsüz animasyonlar bu web sitesine karakter ve derinlik kazandırır. Soyut vurgulara sahip düz geometrik tasarımlar, albümleri ve sanatçıları neredeyse ekrandan atlıyor.

Görüntü Kaynağı

Andy Warhol

Ödül: Mansiyon (2020), Awwwards

Sanatçı, film yönetmeni ve yapımcı Andy Warhol'un hayatı, sanat tarzını dijital formatta yakalayan muhteşem bir şekilde tasarlanmış bir web sitesinde sonsuza kadar özetlenecek. Sayfayı incelerken, imleciniz, üzerine geldiğiniz her görüntüyü negatif bir görüntüye dönüştüren veya okuduğunuz metnin renklerini tersine çeviren bir spot ışığı haline gelir.

Büyük, kalın metin bir açıklama yapar ve kopyanın web sitesi tasarımı için ne kadar önemli olduğunu vurgular. İnce animasyonlar, siteyi hızlandırmaya ve ana sayfayı incelerken her bölümün tonunu belirlemeye yardımcı olur.

Görüntü Kaynağı

İnsan Etkileşimi Şirketi

Ödül: Kurumsal Web Sitesi (2020), Red Dot

Bir web sitesinde yapılan videoyu görmek için Human Interaction Company'den başkasına bakmayın. Siteye tıkladığınız andan itibaren, deneyim şimşek hızındadır. Doğrudan aksiyona - İnsan Etkileşiminin neden, ne ve nasıl ve ekibin tam olarak ne yaptığına dahil oluyorsunuz.

Bu Red Dot Tasarım Ödülü sahibi, insan etkileşimi çalışmasını kitlelere ulaştırmayı ve bu süreçte bize bunun hakkında bilgi edinmenin ne kadar ilgi çekici olabileceğini göstermeyi amaçlıyor. Yine de ödül durumlarından dolayı cesaretiniz kırılmasın - bu sitedeki fotoğrafların hiçbiri photoshoplanmamıştır, bu nedenle mevcut kaynaklarla kalite oluşturmanın pratik bir örneğidir.

Görüntü Kaynağı

Garoa Cilt Bakımı

Ödül: Günün Sitesi (2020), Awwwards

Lüks ve pratiklik hissini bir web sitesine nasıl dönüştürürsünüz? Garoa Cilt Bakımı bir plan sağlar. Ürününüz en yakın rakibinizin fiyatının yarısına veya iki katı fiyatına mal olsun, siteniz sattığınız hemen hemen her ürüne bir savurganlık duygusu getirebilir.

Yüksek kaliteli görseller, birbirini tamamlayan yazı tipleri ve kullanışlı kopya ile negatif alan dengesi web sitenize sade bir şıklık getirebilir.

Görüntü Kaynağı

2019'un En İyi Web Sitesi Tasarımları

1917: Siperlerde

Ödül: Awwwards' Günün En İyi Web Sitesi (2019)

1917 filmini tanıtmak için yapılan bu web sitesi, siperlerde dolaşmanıza ve karakterlerin filmde yaptığı aynı görevi gerçekleştirmenize olanak tanır. Ayrıca haritalarını görebilir veya diğer araçlara erişebilirsiniz.

Bu, filmini pazarlamak için içeriğinden ve önceden yazılmış hikayesinden yararlanan bir sitenin yanı sıra etkileşimle ötesine geçen bir sitenin harika bir örneğidir. Bu web sitesi, tasarımcıların günlük olarak gördükleri harika web sitelerini oylamalarına ve aday göstermelerine olanak tanıyan Awwwards tarafından Günün Sitesi ödülünü kazandı.

Görüntü Kaynağı

Ahtapot: IDEO'dan bir tasarım blogu

Ödül: İş Blogu/Web Sitesi 2019 Webby ödülü

Küresel bir tasarım şirketi olan IDEO, Ahtapot blogu için ve iyi bir nedenle Business Blog/Website 2019 Webby ödülünü kazandı. Blog, ana sayfa tasarımı olarak şık, siyah-beyaz bir Ahtapot çizimine sahiptir ve siz kaydırdıkça uyumlu bir tema oluşturmak için sarı, siyah ve beyaz kullanır.

Fareyle bir blog gönderisinin üzerine gelirseniz başlık sarı renkle vurgulanır. Fareyle bir görüntünün üzerine geldiğinizde, görüntü size doğru çekilir - benzersiz ve ilgi çekici bir kullanıcı deneyimi yaratma açısından büyük fark yaratan iki küçük özellik.

Görüntü Kaynağı

göçebe kabile

Ödül: Awwwards' Yılın Sitesi adaylığı (2019)

Awwards'da Yılın Sitesi'ne aday gösterilen bu site, gördüğüm en ilgi çekici sitelerden biri.

Ana sayfa hemen bir çölde yürüyen bir adamın yer aldığı çarpıcı bir video oynatmaya başlar, ardından muhteşem manzara sahneleri ve "Kendine maceracı diyebilecek kadar şanslı mısın?" gibi metinler gelir.

Web sitesindeki metin renkli pembeler, turuncular ve sarılarla eğlencelidir ve ana sayfa mantıklı bir şekilde tasarlanmıştır, bu aralıkta "Daha Fazla Oku" dan "Şimdi İzle"ye ve son olarak "İndir" e kadar taahhüt düzeyinde CTA'lar yerleştirilmiştir. Uygulama".

Sonuç olarak, web sitesi ayrıntılara büyük özen gösterilerek güzel bir şekilde tasarlanmıştır ve baştan sona ilgi çekici bir hikaye anlatır.

Görüntü Kaynağı

Diana Danieli

Ödül: Webby 2019

2019 Webby ödüllü bu site, yüksek kontrastlı veya yoğun pozlama ile sanat ve mimari görüntülerini sergiliyor. Bir web sitesi ziyaretçisi olarak, fotoğrafları ve varyasyonları değiştirmek için farenizi tıklayıp sürükleyebilirsiniz. Her resim, web sitesinin sahibi olan sanatçıyı öne çıkaran bir çalışmayı gösterir.

Bu web sitesi hakkında harika bir artı, ses ve müzik içermesidir. Senaryodaki belirli düğmelere tıklamak bir piyano notası verir ve sizi Diana Danieli deneyimine gerçekten kaptırır.

Görüntü Kaynağı

George Nakashima Ağaç İşçileri

Ödül: Webby 2019

Bu ağaç işleme web sitesi, ağaç işleme ticareti için doğayı ve özeni vurgular. Aslında güzel ormancılık ve çiftçilik görüntülerinden oluşan bir slayt gösterisi. Ekrana yeni bir görüntü geldikçe, tahta veya ağaçlarla ilgili yeni bir alıntı da geliyor.

Bu, ziyaretçi için inanılmaz derecede rahatlatıcıdır ve ahşap işçilerinin ağaçların ve çevrenin güzelliğini fark ettiğini gösterir. Bu web sitesi ayrıca 2019'da bir Webbie kazandı.

Görüntü Kaynağı

2018'in En İyi Web Sitesi Tasarımları

kripton.trading

Ödül: Günün Sitesi (4/3/2018), Awwwards

Robot muhasebeciniz crypton.trading ile tanışın.

Crypton.trading, bir para biriminin değerindeki değişiklikleri tahmin etmek ve önemli satın alma ve satış fırsatlarını belirlemek için yapay zeka kullanan Bitcoin gibi kripto para birimleri için bir ticaret merkezidir. Web sitesi, geliştirme ve tasarım açısından yüksek puan aldı, çünkü ziyaretçiler aşağı kaydırdıkça geliştiricinin yöntemlerini kademeli olarak açıklıyor.

Bu ödüllü web sitesi, teknolojiden anlayan ziyaretçilerin Crypton'un selamı ana sayfada her seferinde bir harf olarak göründüğü anda kendilerini evlerinde hissetmelerini sağlıyor.

Görüntü Kaynağı

Güneybatı: Seyahatin Kalbi

Ödül: En İyi Görsel Tasarım – Estetik, 2018 Webby Ödülleri

Southwest Airlines, müşterilerinin “bir dolar işaretinden daha fazlası” olduğunu kanıtlamak istediğinde, şirket, tasarımın müşterilerinin uçuş yollarının şekilleri kullanılarak bir araya getirildiği bir web sitesi oluşturdu.

Heart of Travel adlı web sitesi, ziyaretçilerin yapmayı planladıkları bir geziden kendi sanat eserlerini yaratmalarına bile izin veriyor. Bu şekilde, Southwest'in web sitesi en sadık yolcularının bir ürünüdür.

Görüntü Kaynağı

taşma

Ödül: Günün Sitesi (3/20/2018), En İyi Web Sitesi Galerisi

Taşma, insanların ve işletmelerin başkalarının daha kolay anlaması için fikirlerinin hikaye benzeri akış şemalarını oluşturmasına olanak tanıyan bir tasarım aracıdır. Bunun sadece iyi bir hizmet olmasının yanı sıra, Overflow web sitesi vaaz ettiği şeyi uygular: Aracı indirmek için canlı kırmızı harekete geçirici mesaj düğmelerinin yanı sıra, bu web sitesi ürününü bildiği en iyi şekilde, bir akış şeması kullanarak tanıtıyor.

Web sitesi bu akış şemasını bir video şeklinde sunar. Gömülü videolar, bir web sitesinin diğer tasarım öğelerinin ortasında otururken oldukça hantal görünebilirken, Overflow's mükemmel bir şekilde yerleştirilmiştir ve siteye ilk kez girdiğinizde tam olarak görmek isteyeceğiniz şeydir.

Görüntü Kaynağı

Frans Hals Müzesi

Ödül: Yılın Sitesi (2018), Awwwards

Bir müzenin tüm sanat eserlerini uyumlu bir web sitesinde bir arada sunması zor olabilir. Frans Hals Müzesi'nin web sitesini bu kadar etkileyici yapan da budur.

Hollanda'da bulunan bu müze, dijital tasarım öğelerini ve kendi sergilerini bir arada kullanan bir web sitesi oluşturmuştur. Bu karışım, ziyaretçilerin ne göreceklerini, ne zaman görebileceklerini ve bu müzenin sunduğu şeyleri başka nerede tadabileceklerini anlamalarına yardımcı olur.

Görüntü Kaynağı

2017'nin En İyi Web Sitesi Tasarımları

sadece çikolata

Ödül: Yılın Sitesi (2017), Awwwards

Sadece bu web sitesine bakarak çikolata için can atacaksınız - ve bir bakıma, bu Simply Chocolate'ın web sitesi tasarlandığı gibi çalışıyor.

Bu iştah açıcı web sitesi, Danimarkalı bir çikolata üreticisi Simply Chocolate'a aittir. Web sitesi, her çikolatayı tanıtmak için çeşitli renkler (ve yaratıcı ürün adları) kullanır. Ve bir üründen diğerine geçtiğinizde, hepsi marka olarak tutarlı görünüyor.

Her çikolatanın üç boyutlu görünümü, onu bilgisayar ekranınızdan kapabileceğinizi hissettirirken, sol üstteki "Kutuya Ekle" CTA'sı, kullanıcıların göz atarken istedikleri ürünleri seçmeleri için ideal bir yere yerleştirilmiştir.

Görüntü Kaynağı

ŞİMDİ

Ödül: En İyi Kültürel Blog/Web Sitesi, 2017 Webby Ödülleri

ŞİMDİ, belki de internetteki en havalı kitle kaynaklı video blogudur. Bu bir ağız dolusuydu… tüm bunlar ne anlama geliyor?

NOWNESS'in kitle kaynaklı kullanımı, onu ödüllü yapan şeyin bir parçasıdır. Bu, içeriğinin çoğunun bağımsız reklam öğelerinden geldiği anlamına gelir; bu, işletmelerin içerik yayınlaması için giderek daha popüler hale gelen bir yoldur.

NOWNESS aynı zamanda bir video kanalıdır, yani tüm blog içeriği video formatındadır. Bu nitelikler birlikte, Nowness'ı her yerdeki markaların anlatmaya çalıştığı hikayeler için büyüleyici bir merkez haline getirmeye yardımcı oluyor.

Görüntü Kaynağı

2016'nın En İyi Web Sitesi Tasarımları

Yağmur Ormanı Muhafızları

Ödül: En İyi Aktivizm Web Sitesi, 2016 Webby Ödülleri

Rainforest Guardians, 2016'nın en kapsamlı kar amacı gütmeyen web sitelerinden biri oldu. Ormansızlaşma konusunda farkındalık yaratmayı amaçlayan site, kullanıcıların Amazon Yağmur Ormanlarını oluşturan çeşitli köyleri, yerlileri ve su yollarını “ziyaret etmesine” olanak tanıyor.

Site, etkileşimi kullanıcı deneyiminin merkezine koyuyor - amacınız insanların amacınızla bağlantı kurmasını ve gönüllülere dönüşmesini sağlamaksa akıllıca bir seçim.

Görüntü Kaynağı

Protesto Spor Giyim

Ödül: Yılın Sitesi (2016), Awwwards

Awwwards, Protest Sportswear'ı “alışveriş yapılabilir bir görünüm kitabı” olarak adlandırıyor ve bu site de tam olarak bu. Bir giyim üreticisi olarak bu şirket, ürününü pazarlama biçimini yeniden icat etti: Protesto Spor Giyim, giysilerin tanıtımını yapmak yerine, "görünüşü" teşvik ediyor.

Bu, müşterinin stilleri kadar sık ​​değişen bir ana sayfa tasarlamak için bir stil kolajı kullanarak şirketin ürününü web sitesinin en çekici parçası haline getiriyor.

Görüntü Kaynağı

Öğretmen Loncası

Ödül: En İyi Dernek Web Sitesi, 2016 Webby Ödülleri

The Teacher's Guild, eğitimdeki en kritik zorluklardan bazılarını ele alan profesyonel bir eğitimciler topluluğudur. Bu web sitesini ödüllü yapan şey, farklı içerik türlerini (programlar, çözümler, yaklaşımlar ve işbirlikleri) bunaltıcı ziyaretçiler olmadan nasıl dengelediğidir.

Yalnızca arka plan görselleri belirgin bir şekilde yerleştirilmekle kalmaz, aynı zamanda aşağıdaki ekran görüntüsünde gösterildiği gibi, ortada yazılı harekete geçirici mesajları vurgulamak için beyaz boşluk kullanırlar.

Görüntü Kaynağı

2015 – 2014 Yılının En İyi Web Sitesi Tasarımları

bakire amerika

Ödül: En Önemli Endüstri Evrimi, 2014 UX Ödülleri

Havayolu web sitelerinin büyük kullanılabilirlik sorunlarıyla dolu olduğu bilinen bir dünyada, Virgin America kullanılabilirliği, erişilebilirliği ve duyarlı tasarımı öne çıkaran en iyi web sitelerinden birine sahiptir.

Görüntü Kaynağı

Beslemek

Ödül: Günün Sitesi (6/6/2015), Awwwards

Feed sadece ilginç bir konsept değil, aynı zamanda web'de nelerin mümkün olduğuna dair anlayışımızı zorlayan çarpıcı bir uygulamaya da sahip. Animasyon ve videonun yaratıcı bir karışımıyla site, kullanıcıyı ilgi çekici bir deneyime çekiyor.

Alışılmadık bir site olarak, kaydırma ilerleme çubuğu olarak ikiye katlanan gezinme dahil olmak üzere birkaç benzersiz kullanılabilirlik öğesi içerir.

Görüntü Kaynağı

ETQ

Ödül: Günün Sitesi (195/2015), Awwwards

ETQ, sadeleştirilmiş bir siteyle e-ticarete minimalist bir yaklaşım getiriyor. Ürünlerinin büyük, etkileyici görselleri, kullanıcının tam olarak oraya görmeye geldiği şeye, yani ayakkabılara odaklanmasını sağlayan güçlü tipografinin eşlik ettiği basit, düz arka planlar üzerinde yatıyordu.

Görüntü Kaynağı

Mikiya Kobayashi

Ödül: Günün Sitesi (7/4/2015), Awwwards

Mikiya, çalışmalarını güçlü fotoğrafçılık ve ince animasyonlarla sergileyen minimalist bir portföye sahip bir Ürün Tasarımcısıdır. Sitenin tamamı orijinal olarak Japonca olarak oluşturulmuş ve daha sonra İngilizce'ye çevrilerek tasarımının uluslararası ölçeklenebilirliğini göstermeye yardımcı olmuştur.

Görüntü Kaynağı

dokuma dergi

Ödül: Günün Sitesi (4/4/2015), En İyi Web Sitesi Galerisi

Woven, sanatçıları, zanaatkarları ve yaratıcıları aynı şekilde kutlayan çevrimiçi bir yayındır. Yayınların, okunması kolay içeriğe sahip güzel, ilgi çekici sitelere sahip olabileceğini (ve olması gerektiğini) onaylıyorlar. Pop-up'lar ve araya giren reklamlar gibi dikkat dağıtıcı unsurlardan arındırılmış bu site, tamamen içeriğin kendi deneyimiyle ilgilidir.

Görüntü Kaynağı

JOHO'nun Fasulyesi

Ödül: FWA of the Day (8/7/2015), Favori Web Sitesi Ödülleri

JOHO's Bean'in web sitesinde inanılmaz görüntüler, etkileşim, hikaye anlatımı, görsel tasarım ve hepsinden önemlisi ses mühendisliği var. Bunların hepsi bir kahve çekirdeğinin yolculuğunun hikayesini anlatan çekici, duygusal ve ilgi çekici bir site oluşturmak için bir araya geliyor.

Görüntü Kaynağı

isviçre dünyası

Ödül: En İyi Kullanıcı Arayüzü, 2015 Webby Ödülleri

Başka bir havayolu? Evet. SWISS havayolları, onlarla uçmanın nasıl bir şey olduğunu anlatan inanılmaz derecede sürükleyici bir site inşa etti - ve görmezden gelinemeyecek kadar harika bir iş çıkardılar. Güçlü görseller ve animasyonlar, kullanıcıyı sitenin olağan satış ve pazarlama konuşmasının ötesinde bilgilerle dolu farklı bölümleriyle tanıştırır.

Görüntü Kaynağı

Diğer Harika Web Sitesi Tasarımları

Guillaume Tomasi

Montreal'de bir Fotoğrafçı olarak Guillaume Tomasi, eşsiz ve hayranlık uyandıran fotoğrafçılığına gerçekten uygun bir portföy oluşturdu. Gerçeküstü fotoğraf stili, tüm odağı işin kendisine veren basit, düz, boş ve minimalist portföy tasarımıyla yan yana geliyor.

Sanat galerisinden ilham alan çalışma tanıtımları ve mükemmel kaydırma etkileşimleri ile birleşen benzersiz seri navigasyonu, gerçek bir galeriyi andıran bir deneyim sunuyor.

Görüntü Kaynağı

Bölge

Bu marka bilinci oluşturma ajansı, imajını ciddiye alıyor ve yapmalı - müşterileri için tüm medya kanallarını yönetiyor. Bölgenin web sitesi tek başına şimdiye kadar gördüğünüz en güzel sanat eserleri ve fotoğraflar arasında bir yolculuktur.

Bu kışkırtıcı kareler, siz web sitesini keşfederken hızla değişir ve ne kadar tuhaf görünürlerse, onların geçmiş çalışmaları hakkında bilgi edinmekle o kadar ilgilenirsiniz.

Görüntü Kaynağı

Tej Chauhan

Tej Chauhan, bu ilgi çekici web sitesiyle izlenimci sanat eserlerini bir iş modeline dönüştürdü. Bu ürün geliştiricisinin ana sayfasındaki her bir görsel, bir önceki görseli kapsayacak şekilde dışarı kayar ve şu anda önünüzde gördüğünüz nesnenin etrafında çok az bağlam sunar. Ancak, daha fazlasını öğrenmek istemenize neden olan bu bağlam eksikliğidir.

Ayrıca, "Yakın Geleceğin Hatıra Eşyası" sloganı, bu nesnelerin ürün serisinin bir parçası olduğunu ve bu yenilikçi nesneleri hayatınıza sokmanız için bir fırsat olduğunu öne sürüyor.

Görüntü Kaynağı

Web siteniz için benzer bir görünüm mü istiyorsunuz? Envato pazarındaki yeni CMS Hub tema koleksiyonuna göz atın.

Amanda Martocchio Mimarlık

Bir mimarlık firması web geliştirmede uzmanlaşmayabilir, ancak web sitesi yine de görsel olarak hoş tasarıma olan bağlılığını göstermelidir. Amanda Martocchio, bu muhteşem web sitesiyle bunu çok ciddiye aldı.

Amanda Martocchio Architecture'ın işini sevdiği bir sır değil - web sitesinin ana sayfasındaki her bir resim, şirketin tasarladığı evlerin büyüleyici bir görüntüsü. Web sitesi, gezindiğiniz her evi, her binaya sayısız açıyla birlikte tasarlanan tasarım türüyle etiketler.

Görüntü Kaynağı

Web Sitesi Tasarım Fikirleri

Artık çok sayıda güzel tasarlanmış ve ödüllü platform gördüğünüze göre, kendinizinkini yaratırken bu potansiyel fikirleri aklınızda bulundurun.

• 1917 örneğinde olduğu gibi web sitenizi etkileşimli hale getirmenin yollarını düşünün.
• Masaüstü bilgisayarlarda hala iyi bir UX'e sahip olsa bile, mobil deneyimi vurgulayan bir web sitesi yapın.
• Fotoğraflar, metinler veya videolarla markanız hakkında bir hikaye anlatan bir web sitesi oluşturun.
• Yoğun etkileşimli bir site oluşturamıyorsanız, fotoğraflarınızın slayt gösterisini sunan bir siteyle gözlerinizi çizmeyi düşünün.
• Harekete geçirici mesajların kolayca görülebildiğinden emin olun ve ziyaretçileri sitenizi keşfetmeye devam etmeye teşvik edin
• Navigasyonu temiz tutun. Ziyaretçilerinizin her zaman ana sayfaya nasıl döneceklerini bilmelerini sağlayın.
• Sosyal medya sitelerinizi sosyal gömme düğmeleri aracılığıyla entegre edin, böylece site ziyaretçileri sizi çeşitli sosyal kanallarınızda kolayca takip edebilir.
• Yazı tipi, renkler, resimler ve mesajlaşma dahil olmak üzere web sayfalarınızın her birinin tasarım açısından tutarlı olmasını sağlayın.
• Ziyaretçilerinizin hangi web sayfalarında hemen çıkma olasılığının yüksek olduğunu gösteren bir ısı haritası ile web sitenizin kullanılabilirliğini test edin.
• Ziyaretçilere, telefon görüşmeleri yerine canlı sohbeti tercih ederlerse, sizinle doğrudan web sitenizde etkileşim kurma seçeneği sunmak için bir canlı sohbet veya sohbet robotu ekleyin. Canlı sohbet, satış ve servis temsilcileriniz için işlevleri otomatikleştirebilir ve müşteri için daha iyi bir iletişim deneyimi yaratabilir.
• Web sitenizin güvenli olduğundan emin olmak için bir SSL sertifikası alın. SSL, Google'ın arama sıralama algoritmasının bir parçasıdır, bu nedenle bir SSL sertifikası, aramada daha üst sıralarda yer almanıza yardımcı olabilir.

İşletmeniz için Güzel Bir Web Sitesi Oluşturun

Bir web sitesi tasarlamak, bir kez göz önünde bulundurduğunuzda basit olabilir. Web sitenizdeki düzeni, renk paletini, görüntüleri ve animasyonları geliştirmek için bu örnekleri bir sıçrama tahtası olarak kullanın.

Kodlamaya veya sürükleyip bırakmaya hazır olduğunuzda, ziyaretçilerinizin keyif alacağı güzel bir web siteniz olacak.

Editörün notu: Bu gönderi ilk olarak Ocak 2021'de yayınlandı ve kapsamlı olması için güncellendi.