Ana Sayfa / mal / Web Sitesi Oluşturma / Sayfa Tasarımı Örnekleri ve Fikirleri Hakkında 20 Yaratıcı Web Sitesi

Sayfa Tasarımı Örnekleri ve Fikirleri Hakkında 20 Yaratıcı Web Sitesi

Sektör ne olursa olsun, hakkında sayfası tasarlayacağınız ilk sayfalardan biridir. Sonuçta, bir kullanıcının işletmeniz hakkında daha fazla bilgi edinirken ziyaret ettiği sayfadır. Hakkında sayfası, kim olduğunuz ve bu işi neden yaptığınız hakkında önemli bilgiler içerir. Bazıları bu Hakkında sayfasını dikkate almasa da, siz de aynısını asla yapmamalısınız. 

Bunun yerine, Hakkında sayfanızı iyi hazırlanmış hale getirin ve kimsenin onu görmezden gelmemesi için öne çıkın. İyi bir izlenim bırakmak için nadiren ikinci bir şansınız olur. Hakkında sayfası dünyaya girişiniz olduğundan, tasarımının, içeriğinin ve tüm görsellerinin sizinle ve işinizle ilgili ilgi çekici bir hikaye iletmek için uyumlu olduğundan emin olmalısınız. Amaç, kitlenizi size güvenmeye ikna etmektir. 



İlk Sitenizi mi Yapıyorsunuz? Kodsuz Web Sitesi Oluşturucu'yu deneyin
gibi bir oluşturucu ile bir web sitesi oluşturmak için kodlama becerilerine ihtiyacınız yoktur. Wix. Araç, 800'den fazla tasarımcı şablonuyla birlikte gelir ve sitenizi mobilden yönetmenize olanak tanır > denemek Wix Ücretsiz, Buraya Tıklayın


Bir Sayfayı Yaratıcı ve Etkili Yapan Nedir?

Etkili bir Hakkında sayfası, ziyaretçilerinizle daha iyi bağlantı kurarak dönüşümleri artırmaya yardımcı olur. Bu nedenle, satış odaklı olmalı ve ziyaretçilerinizin sorularını ele almalıdır. 

Hiçbir basit ve kesin kazanan tarif herkes için işe yaramaz. Bununla birlikte, birkaç temel unsur yardımcı olabilir:

  • Misyon – işinizin hedeflerini iletin; ziyaretçileriniz sizinle benzer temel değerleri paylaşıp paylaşmadıklarını bilmek ister. 
  • Hikayeniz (Arka Plan) – işinizin kökenini aktarır; bazen, her şeyin başladığı yerin tarihi ve kullanıcıları daha fazla meşgul eden zorluklardır.
  • Ürünleriniz/Hizmetleriniz (Faydalar) – kullanıcılarınızın marka değerlerinizle ne yaptığınız arasındaki bağlantıyı anlamasına yardımcı olmak için tekliflerinizin bir özetini verin; faydaları ve kullanıcılar için neler yapabileceklerini vurgulayın.
  • Sosyal Kanıtınız – müşteri incelemelerini, müşteri referanslarını, vaka çalışmalarını ve daha fazlasını gösteren konumunuzu belirler. 

İlgili Okumalar

Bunları göz önünde bulundurarak, ilgi çekici bir Hakkında sayfası oluşturmak için bir çerçeve oluşturabilirsiniz. Bu 20 yaratıcı ve etkili Hakkında sayfası tasarımından biraz ilham alın:

1. Madebyband

yapılan bant
Madebyband kendini basit görsellerle akıllıca temsil etti. 

Etki Madebyband hakkında sayfası şeylere farklı bir bakış açısı getiriyor. 'Resim bin kelime konuşur' ile motive olan Madebyband, markasının benzersiz kişiliğini basit bireysel görüntüler aracılığıyla iletmiştir. Şık bir arka plan resmine karşı el yapımı bir yazı tipi kullanmak, müşterilerini bekleyen deneyimi gösterir.

Beyaz boşluk, her resmi mükemmel bir şekilde vurgulayarak tasarım, renkler ve görseller arasında bir denge sağlar. Aşağı kaydırmak, onları neyin harekete geçirdiğine dair bilgilerle birlikte geçmişlerini getirir. Kısa ama güçlü. Değerli bir Harekete Geçirici Mesaj (CTA) düğmesi, onlarla iletişim kurmak için uygundur. 

2. Mailchimp

MailChimp
Mailchimp, tüm doğru dengede güçlü yönlerini vurgular.

Mailchimp'ler hakkında sayfası küçük işletmelere olan bağlılığını sergileyerek gerekli satış öncesi yumruklarla dolu. Kurucuların hikayesinden başlayarak, amacını açıklayarak küçük işletmelere odaklandıklarını yinelediler.   küçük işletme sahipleri için mevcut olan pahalı e-posta yazılımına alternatif olarak.  

Hakkında sayfası, Big Change Starts Small aracılığıyla küçük ve orta ölçekli kuruluşların harekete geçmesine yardımcı olmak için 12 milyon doların üzerinde yatırım yaptıklarını onayladıkları Mailchimp'in kurumsal vatandaşlığını vurgular. Renkli ve özenle hazırlanmış sayfanın ardındaki dürüstlüğü ve samimiyeti hissedebilirsiniz. 

3. Mor, Kaya, Bilimssors

mor kaya bilimissors
Mor, Kaya, Bilimssors, animasyonları statik görsellere karşı mükemmel bir şekilde dengeler.

Gerçekten de bir teknoloji harikası, Mor, Kaya, Bilimssors' Hakkında sayfası sayfa boyunca ilgi çekici animasyonlar içerir. Çok fazla veya çok az değil, hareketler ve statik görseller arasında doğru dengeyi sağlıyor. Renk paleti basit ama zıttır. Görseller yaratıcı ve dikkat çekicidir. 

Değerleri kısa ama etkili bir şekilde ortaya konur. Kendinizi çekmeden edemiyorsunuz. Yaptıkları basit kelimelerle sanatsal bir şekilde sunuluyor. Hakkında sayfasının şık animasyonları, çeşitli teknikler ve araçlar kullanarak hedef kitlenizin ilgisini çekmenin farklı yollarının anlatısal işaretlerini yayar. 'Görüşme başlat' CTA düğmesi, sizi harekete geçmeye teşvik etmek için verimli bir şekilde alt kısma yerleştirilmiştir.    

4. Kıyamet Ağacı

kıyamet ağacı
DoomTree yenilikçi bir tasarıma sahiptir. 

DoomTree'nin Hakkında sayfası izleyiciyi kim oldukları hakkında bilgilendirmenin şık ve yenilikçi bir yoludur. Tüm ekibin olağanüstü bir fotoğrafını içeren film, bu arkadaşların bir grup olarak değil, bir grup olarak bu plak şirketi için müzik oluşturmak için bir araya geldiklerini anlatıyor. Her mürettebat üyesinin fotoğrafları sanatsal olarak vurgulanır ve bilgilendiricidir. 

CTA'lar doğru yerlerde ve renk şeması, iş dünyasında profesyonel bir dönüşü betimliyor. DoomTree'nin Hakkında sayfası, sesli ve görselleri akıllıca kullanarak sizi daha fazlasını keşfetmeye teşvik ediyor.  

5. Moz

moz
Moz son derece görselleştirilmiş zaman çizelgeleriyle kullanıcıların ilgisini çeker.

Moz tasarlamaya karar verdiler hakkında sayfası, canlı bir zaman makinesi temasına odaklanıyor. Moz zengin tarihini, geometrik olarak yerleştirilmiş basit parçacıklarla sergilenen bir zaman çizelgesi aracılığıyla gösterir. Önemli noktalar net başlıklar, kısa açıklamalar ve gözü yormayan basit grafiklerle birbirinden düzgün bir şekilde ayrılmıştır.

Başarılarını mütevazi bir şekilde finansmana bağlamaları gerçeği kanıtlıyor Mozçoğu insanda yankı uyandıran alçakgönüllülük ve dürüstlük. Akış, gelecekte gitmeyi düşündükleri yerde biter; bu sorunsuzdur, bu da kolayca sindirilebilir bir tüketim sağlar. 

6. Büyük Kartel

büyük kartel
Big Cartel, samimi çalışan fotoğraflarında farklı kişilikler sergiliyor.

Big Cartel'in Hakkında sayfası Bu şirketin size yardımcı olmakla ilgili olduğunu özetlemek için yeterli çevrimiçi sat. Big Cartel, çevrimiçi mağazanızı oluşturmak ve yönetmek için çevrimiçi bir platform sağlar. 'Sanatçılar için, sanatçılar tarafından akılda kalıcı bir slogan. Big Cartel'in tamamen sizinle ve ürünlerinizle ilgili olduğunu hemen anlarsınız. 

Bir videonun eklenmesi daha iyi bir açıklama için yardımcı olur. Özellikle aşağı kaydırdığınızda görüntülenen samimi çalışan fotoğraflarını beğendim, bu da Hakkında sayfasına canlandırıcı bir şekilde farklı bir yaklaşım getiriyor; bunlar aşamalı kimlik kartı türleri değil, benzersiz ve kişiseldir, bu da etkileşimi artırır. 

7. Anton ve Irene

anton ve irene
Anton & Irene, paralaks kaydırma efektini bir sonraki seviyeye taşıyor.

Belki de şimdiye kadar gördüğüm en ayırt edici şey bu Anton ve Irene Hakkında sayfası. HoverFarenizi iki insanın üzerine getirdiğinizde keyif veren farklı pozlar ortaya çıkıyor. Bir tasarım ajansı olarak, zekice ve benzersiz animasyonları kullanmaları basit olmasına rağmen güçlüdür. Aşağı doğru kaydırırken, ilgili bilgilerin sergilendiği şekilde insanların birbirinden uzaklaştığını görürsünüz; buna yaptıkları projeler de dahildir. 

Son olarak, karlı bir zemine karşı eskrim yaptıkları bir görüntü görüyorsunuz. Bu Anton ve Irene'in birbirlerinin boyunlarında oldukları anlamına gelmez, daha çok birbirlerine daha yükseklere meydan okumak gibidir. İlginç görsellerle güzel bir kontrast oluşturan cesur renklerin ortasında Anton & Irene çıtayı yükseltti. 

8. HASARLIK

şimdilik
ŞİMDİ daha yatay bir yaklaşım tasarımı benimser.

HUSUSLAR Hakkında sayfası tasarımına oldukça kasvetli ve profesyonel bir ton sunan siyah beyaz bir yaklaşım seçti. Hepsi küresel sanat ve kültürle ilgili olduğu için sayfa, ana unsuru alan bir video ile başlar. Sizi aşağı kaydırmak yerine, ilgili bilgiler için sekmeler arasında hareket ettiğiniz ve yenileyici olan daha yatay bir yaklaşım sağlarlar. 

ŞİMDİ, ödüllerine bir sekme ayırarak, pazardaki güç merkezini kanıtlıyor. Video merkezli estetikleriyle küratörlük uzmanlıklarını sergilemek için yeterince basit ama yeterince kapsamlı olan Hakkında sayfası, görünür bir 'Üye Ol' CTA düğmesi ile iyi tasarlanmış. 

9. Gümmüşig

sakız
Gummisig, tasarıma olan bağlılığı ve tutkuyu gözle görülür bir şekilde sergiliyor. 

I bulmak Gummisig'in Hakkında sayfası türünün tek örneği. Noktaları vurgulamak için ayrılmış bölümlere sahip büyük metin etkilidir. Portföyüne üçüncü kişi ağzından konuşarak başlıyor. Sonra değişir ve geçmişi, ilkeleri ve değerleri hakkında konuşur. Müvekkillerinden kendinden emin bir şekilde bahsederken, bunu övünmeye değer bir üslupla yapar. 

Sakinliği, çok zekice bir renk oyununu betimleyen gri bir palete karşı yağlı boya arka planı aracılığıyla doğal renkler kullanıyor. Hakkında sayfası, onun tasarım tutkusunu, özgür ruhlu tavrını, derinlemesine bağlılığını ve ayrıca cana yakın olduğunu gösterir. 

10. Couro Azul

kuro azul
Couro Azul, büyüleyici görsel zevklerle lüks bir tasarım sunar.

Gezinirken Couro Azul'un Hakkında sayfası, hayran kalmamak elde değil. Daha fazlası için aç olan ilk bakış, sizi içine çekmek için yeterli. Hakkında sayfasının başındaki basit animasyon size çok şık ve zarif bir his verir ve aile tarafından işletilen şirketin geçmişe dayanan bir geçmişi olduğunu söyler.

Aşağı kaydırdıkça, ne yaptıklarını anlamaya başlıyorsunuz. Kökenler, tarih, değerler ve bağlılık açıkça sergileniyor ve tüm deneyimi büyüleyici buluyorum. Ekolojik ayrım sertifikası, işlerinde ciddi olduklarını kanıtlar ve değerlerinden çokça söz eder. Genel olarak, ilgi çekici bir tasarıma sahip görsel bir zevk. 

11 Wix

Wix
Wix profesyonelce tasarlanmış Hakkında sayfasında kendini şık bir şekilde temsil ediyor.

Wixhakkında sayfası beyaz boşluk kullanımında takdire şayan. İçerik, metni vurgulamak için çok sayıda beyaz alan olacak şekilde merkezi olarak yerleştirilmiştir. Bu, görsel ve bağlamı güzel bir şekilde dengelerken, aynı zamanda profesyonel bir görünüm ve his yaratır. Wixadlı kullanıcının zaman çizelgesi, okumayı ve tüketmeyi kolaylaştıran yatay bir çizgi üzerinde gösterilir. 

Hakkında sayfası, net ve hafif görsellerle şık bir şekilde tasarlanmıştır ve şık dizgi ile yansıtılır. Wix tercih edilen web sitesi oluşturma aracı olarak. 

12. EB İncileri

eb incileri
EB Pearls, kapsamlı bir Hakkında sayfasını zarif bir şekilde yönetir.

EB İncileri Hakkında sayfası kapsamlı ve iyi hazırlanmış bir Hakkında sayfasının rol modelidir. Genel tasarım alışılmadık olmasa da, temiz ve pastel bir renk paletine karşı düzgün bir yazı tipi kullanma biçimleri dikkat çekicidir. EB Pearls, görünür bir CTA düğmesi ile kendisini basit ve özlü bir şekilde tanıtır.

Aşağı kaydırdıkça müşterilerini ve başarılarını bileceksiniz. Daha sonra sizi onları tanımanız ve inançlarını ve ilkelerini paylaşmanız için bir yolculuğa çıkarırlar. Beyaz boşluk ve açık renkli görsellerin kullanımı zarif ve rahatlatıcı bir etki yaratır. Çok iyi yapılmış.

13. Sihirli Kaşık

sihirli kaşık
Magic Spoon, görünür ve anlaşılması kolay karşılaştırma tablosunda öne çıkıyor.

İlk bakışta, Sihirli Kaşık Hakkında sayfası benden bir tebessüm aldı. Özellikle Hakkında sayfalarına ilgili bir soruyla başlamalarını sevdim: 'Çocukluğun kaygısız günlerini hatırlıyor musunuz? Herkes Magic Spoon'un sağlıklı tahıllarla ilgili olduğunu bilecek. 

Pek çok kişinin kalbini çalan Magic Spoon, akıllıca tanınmış markalara karşı bir karşılaştırma tablosu ekledi; bu çizelge açık ve beyni harap etmeden okunması kolaydır. Ayrıca eğlenceli ve parlak renkler izleyiciler için daha unutulmaz bir deneyim yaratıyor. Onlara tesekkurler! 

14. Marie Forleo

marie forleo
Marie Forleo, Hakkında sayfasında uzun bir mektup kullanıyor. 

beni en çok etkileyen şu oldu marie forleo İzleyiciye bir mektupla Hakkında sayfasını başlatır. Kendini tanıtıyor ve hikayesini ilginç bir şekilde anlatıyor. Gözleri yormayacak kadar beyaz alan var ve metni görsellerle bölüyor. 

Ardından, sosyal kanıtı olarak ilgili görüntüleri kullanır. Otobiyografisini okuyarak aşağı inerken, 'Beni sana getiren' kitabını okuduğunuzda sevinirsiniz; bu, odağı tekrar okuyucuya getirmenin uygun bir yoludur. Sonuçta her şey seyirciyle ilgili değil mi?

15. Giphy

giphy
Giphy, Hakkında sayfalarında animasyonları bir sonraki seviyeye taşıyor.

Giphy'nin Hakkında sayfası tamamen animasyonla ilgili. Sonuçta, animasyonlar yaptıkları şeydir. Hakkında sayfasının başında, Gilphy hakkında kısa bir giriş ve ardından sizi sayfada bir yolculuğa çıkaracak gibi görünen, çok akıllıca tasarlanmış, süper sevimli ama güçlü, artırılmış gerçeklik benzeri bir GIF bulacaksınız.

Aşağı kaydırdıkça çeşitli animasyonlar göreceksiniz. çizimler enerjik ve yaratıcı; bu onların uzmanlığını gösterir. Giphy, bu çeşitli animasyon efektleri aracılığıyla hikayelerinin gidişatını zekice anlatıyor.

16. 500 piksel

500px
500px alışılmadık bir yaklaşım benimsiyor, ancak profesyonelliğini koruyor. 

500px fotoğrafçılar içindir. Bu nedenle, Hakkında sayfasının çok sayıda çarpıcı görsele sahip olması şaşırtıcı değildir. Hakkında sayfasına geldiğinizde, kaliteli bir resimde size sorgulayan bir şekilde bakan bir köpek gösterilir. Sanki köpek sana nasıl yardım edebileceğini soruyor (yüzümü güldürdü). Esprili ve ilginç, sayfayı özetler. 

Metin minimumda tutulur, ancak kilit noktaları yeterince aktarır. Bölünmüş metnin okumayı kolaylaştırdığını fark edeceksiniz. Onları farklı kılan şeyin vurgulanması cruciAkıllıca bir hareket olan, seyircinin dikkatini kazanan noktalarına çekmek için.

17. Lovebug Probiyotikleri

muhabbet böceği probiyotikleri
LoveBug Probiyotikler, etkileşimi artırmak için güçlü sloganlar kullanır. 

'Bütün aile için probiyotikler' sloganı her şeyi özetliyor LoveBug Probiyotikler hakkında. Farklı yaşlardaki çocukların sevimli bir resmini ve geriye bakan şirin bir bebeği görmek, bu şirket hakkında daha fazlasını keşfetmek için kalp atışlarınızı zorlamak için yeterli. İyi bir ilk izlenim edinirsiniz, özellikle bir annenin işi başlattığını okuduğunuzda (bir anne her zaman çocuklarının çıkarlarını en iyi şekilde düşünür). 

Mavi ve beyaz renk paleti daha sağlıklı bir görünüm sağlar. Sayfadaki her öğenin iyi bir nedeni vardır. Alt kısımda, ayrıntılı SSS'ler, devam eden sorularınız olduğunda yardımcı olur. İlgili CTA'lar sizi ürünlerini keşfetmeye teşvik ediyor.

18. Chattanooga Rönesans Fonu

Chattanooga Rönesansı
Chattanooga Rönesansı, daha geleneksel ancak etkili bir tasarıma sahiptir. 

Chattanooga Rönesansı Hakkımızda sayfasında daha geleneksel bir yaklaşım benimsiyor. Kendilerini tanıttıktan sonra, amaçlarını açıklayarak ve halihazırda gemide bulunan ev markalarından bahsederek izleyicinin dikkatini çekerler; bu, okuyucuları otomatik olarak bu büyük isimleri kaydolmaya neyin yönlendirdiğini bulmaya teşvik eder.

Chattanooga bölgesinin güzel bir şekilde yakalanmış görüntüsü, okuyucuların dikkatini çekmeyi hedefliyor. Her biri hakkında okumak için küçük resimlere tıkladığınız, akıllıca tasarlanmış bir ekip portföyü var. Son olarak, size nasıl yardımcı olabilecekleri ile biterler ki bu akıllıca olur. İzleyiciye yeniden odaklanmak, okuyucuların dikkatini daha fazla kalmaya ve keşfetmeye devam ettirmenin en iyi yoludur. 

19. KurşunG2

kurşunG2
LeadG2, CTA'ları doğru yerlerde etkin bir şekilde kullanır.

LeadG2'nin Hakkında sayfası basit ve doğrudan hedefe yöneliktir. Kısa bir girişle başlarlar ve onları rekabetten ayıran şeyin ne olduğuna dalarlar. Her iki CTA düğmesi de görünür ve daha güçlü vurgu için merkeze yerleştirilmiştir. Aşağı kaydırmak sizi takımlarını tanıma yolculuğuna çıkaracaktır. Bazıları düşük kaliteli morumsu bir arka plan bulabilirken, bunların hepsi görecelidir.

Kültürlerini ve sertifikalarını paylaşmak, izleyicilerle daha iyi bağlantı kurmak için akıllıca bir harekettir. Yeterince beyaz boşluk var ve iyi dengelenmiş renkler, kilit noktaları vurgulamak için gereken dengeyi yaratıyor. HoverFarenizi CTA'ların üzerine getirmek, onları tıklamaya teşvik eden bir 'dışarı çıkma' etkisi yaratır.

20. Marion

Marion
Marion, tüm temel unsurların mükemmel dengesiyle ilgilenir.

Marion'un Hakkında sayfası renklerle akıllıca oynar, produciEtkileyici ama gözü yormayan bir etki. Metni yüksek kaliteli bir arka plan görüntüsüne karşı kullanmak, girişe başlamak için mükemmeldir. Ardından, daha güçlü ama hoş bir kontrast için beyaz bir arka plana geçerler.

Marion, dikkatinizi daha uzun süre tutmanıza yardımcı olmak için önce ödüllerine odaklanmaya karar verir. Ardından, ilginizi çekmek için uzmanlıklarını ve benzersiz satış noktalarını sergilerler. En altta, sizi bir sonraki istenen adımı atmaya teşvik etmek için bir iletişim formu eklediler. 

Reklam Öğenizi Hakkında Sayfanızı Oluşturun

Unutmayın, Hakkında sayfanız potansiyel müşterilerinizle ilk samimi bağınızı kurar. Bu nedenle, kendinizinkini tasarlarken yaratıcı ve sanatsal doğanızı ortaya çıkarmanıza yardımcı olacak sayfa tasarımları hakkında yukarıdaki 20 yaratıcı web sitesine göz atın. 

Daha Fazlasını Okuyun

Yazarın fotoğrafı

Madde Pui Mun Beh

Okuma tutun