Yıllar önce bir web sitesi yapmak oldukça maliyetli bir süreçti. Kodlama bilmeniz, iyi yazarlara sahip olmanız, proje yönetmekten anlamanız ve etkili iletişim kurabilmeniz gerekirdi. Süreç içerisinde ön görmenizin mümkün olmadığı boşluklar ortaya çıkardı. Kısacası basit bir değişikliği yapmanın bile ayları bulduğu dönemlerdi. Bugün bütün bu süreçleri, Elementor mucizesiyle dakikalara indiğini söylesem sanırım abartmamış olurum.
Elementor, ileri seviye özellikleriyle hayal ettiklerimizi gerçekleştirmeyi oldukça kolaylaştırdı. Kimi zaman günlerce eklenti deneyerek aradığınız bir özelliği, Elementor ile saniyeler içerisinde gerçekleştirmenin mutluluğu ancak yaşanarak anlaşılabilir. Tasarım açısından uç örnekleri incelemek vizyonumuzu genişletmek açısından oldukça faydalıdır. Sizin için oluşturduğum bu yazıda Elementor kullanılarak yapılan ödüllü sayfa tasarım örneklerini ve kullanılan eklentileri sizlerle paylaşacağım.
Wp Kulüp nedir?
İster freelance işleri ister kendi web projelerinizi kodlamadan, profesyonelce yapın. Uygulayarak, sorarak öğrenin.
Eğitimde Neler Var?
- Her Hafta Zoom Toplantısı
- Profesyonellerden Öğrenin
- Wp Kulüp Ayrıcalıkları (Fikret Hoca ile birebir danışmanlık, WordPress uzmanlarından destek, 600$ değerinde Premium tema ve eklentiler, Ücretsiz WP hosting, sertifika (ID), İş olanakları)
- Wp Kulüp Eğitimleri (SEO, E-ticaret, Freelancer, WordPress)
Senin de böyle bir siteye mi ihtiyacın var? Elementor Eğitimine Katıl (Premium Hediyeli)
Yazının sonundaki ücretsiz Elementor templateler kısmına bakmayı unutmayın!
1.) Hatch Law
Hatch Law, merkezi ABD Los Angelas’da bulunan bir hukuk şirketidir. Sektöründeki emsal web sitelerin yapısından biraz farklı olarak estetik ön plana çıkarılmış. Modern bir tasarımla emsal rakiplerden sıyrılıp akılda kalıcıolmak hedeflenmiş. Sayfayı kaydırdıkça kullanılan animasyonlar, iletilmek istenen mesajı vurgulamak açısından oldukça dikkat çekiyor.
Sitenin teması: Astra Pro
Eklentiler: Yoast SEO, Ultimate Addon, Wordfrence, Make Column Clickable
2.) Passionate Digital Agency
Passionate dijital ajansı yeni kurulan işletmeler, kobiler, mağazalar için tasarım, pazarlama, barındırma çözümleri sağlayan bir dijital ajanstır. Gene olarak modern bir tasarıma sahip olan web sitesi, hem modern hem de sıra dışı unsurları bir arada barındırıyor. Site hız olarak her ne kadar yavaş olsa bile açılış sayfalarının kullanıcıyı, güzel ve okunaklı bir arayüzle karşılıyor olması performans eksiğini kapatabilir.
Sitenin arka planında kullanılan hareketli video & animasyon, dikkati oldukça aktif kılıyor.
Sitenin teması: Astra
Eklentiler: JetBlocks, JetEngine, JetMenu, JetSmartFilters, JetWooBuilder, WooCommerce, Preloader Plus
3.) Wiedemann Coffee
Wiedemann coffee markası, kahve deneyimini çok daha keyifli hale getirmek için özel el yapımı kahve makineleri üretiyor. Her detayın kahve deneyimini daha güzelleştirmesi gerektiğine inanıyorlar. Aynı şekilde markanın web sayfası adeta bu misyona bürünmüş şekilde tasarlanmış.
- Güzel resimler ve kullanıcıyı tıklamaya davet eden sayfa yapısı.
- Ürün renklerini ve ruhunu yansıtan butonlar, eyleme geçiren ifadeler.
- Ürün seçme opsiyonları ve minimal açılış sayfaları.
- Kullanıcının işini kolaylaştıran birden fazla özelliğin bir arada kullanılması. Örneğin ürün satın alma sayfalarında ve ürünlerin tek tek sıralandığı mağaza sayfasında adeta kullanıcıyı satın almaya motive eden bir kurgu kendisini içten içe hissettiriyor.
Sitenin teması: Astra
Eklentiler: Flexible Shipping, WooCommerce additional Product Options, Autoptimize
Elementorla ilgili püf noktalar teknik ipuçları ve ücretsiz templateler için epostanı bırak 👇🏽
4.) Ioana Ciolacu: Iconic Fashion
Iona Ciolacu, sahibinin ismini taşıyan ve sürdürülebilir moda alanında ödül kazanmış bir markadır. Romanya merkezli markanın ilk online mağazası 2015 yılında kurulmuştur.
Sitenin hareketli resimleri ilk bakışta dikkati çekerek ön plana çıkıyor. Navigasyon tarafında kullanıcının kafasını karıştırma ihtimali olan boşluklar olmasına rağmen tasarım, basit ve sade tutulmuş Başlangıçta bir e-ticaret sitesinden daha ziyade katalog tanıtım sitesi izlenimi uyandırıyor. Ürün satın alma sayfasında dikkatle hazırlanmış bilgi mimarisi sadelik açısından iyi tasarlanmış.
Sitenin Teması: Ocean wp
Eklentiler: Google Analytics, Google Tag Manager, Tawk.io
Elementor EĞitimi
Elementor, sitenizi ihtiyaçlarınıza göre özelleştirmenizi sağlayan bir WordPress eklentisidir. Sadece birkaç tıklamayla istediğiniz herhangi bir düzeni oluşturmanıza izin veren bir sürükle ve bırak site oluşturucusudur.
Eğitimde Neler Var?
- Uygulamalı olarak bir landing page tasarımı
- Dikkat çeken görseller, butonlar ve videolar eklemek
- Hazır şablonlarla çalışmak
5.) Dettmann Homes
Dettman Homes, sınırlı düzeyde özel yapım evler inşa eden bir mimarlık şirketidir.
Sitede kullanılan transparan header ve video slider ikilisi şık bir kombinasyon olarak gözümüzü üzerine çekiyor. Kullanılan renk ve font, markanın özgün hizmetini, lüksü, otantizmi çağrıştırıyor. Anasayfada alınan ödüllerin özellikle yansıtıldığı bir bölümün bulunması kullanıcıyı ikna etmek için son derece kuvvetli.
Sitenin Teması: Astra Pro
Eklentiler: Advanced Custom Fields PRO, Elementor Pro, Gravity Forms, Head, Footer and Post Injections, JetTabs For Elementor, LiteSpeed Cache, Redirection, Schema Pro, Simple Custom CSS and JS, Slider Revolution, Wordfence Security, Yoast SEO Premium, Yoast SEO: Local
6.) Melli & Shayne
Düğün fotoğrafçılığı alanında faaliyet gösteren Melli & Shayne, çekim yapılan resimlere otantizmi, hikaye anlatıcılığını katarak müşterilerine değer katmayı hedeflemektedir. Sitenin vizyonu macerayı, cesareti ve canlılığı vurguluyor. Siteyi tasarlayan profesyoneller Artistik bir tasarımla markayı ifade etmek yerine kırık beyaz ve koyu renkler kullanılarak sitenin vizyonu somutlaştırılmaya çalışılmış.
Sitenin Teması: Hello Elementor
Eklentiler: ACF Pro, All-in-One Migration, Anywhere Elementor, Autoptimize, Classic Editor, Complianz, Custom Post Type, Elementor Pro, Flying Pages, Make column Clickable, QuForm, Rank Math, Smart Slider, Smoother, Wordfence, WP Mail SMTP, WP real media library, WP Rocket
7.) Artacademybrand
Mutfak sanatlarıyla ilgili oldukça şık ve sade bir web sitesi Artacamybrand. Açılır menüyü, yukarında aşağıya kayan şekilde yapmak yerine sağ taraftan modal pop-up olarak açılmasını sağlamak belki daha iyi olabilirdi. Animasyon sürelerinin uzunluğu kullanıcının ilgisini ve bekleme süresini olumsuz etkileyebilir. Gastronomi sektörüne özgü, kataloğu yansıtan bilgilendirme kısmı sayfada kalma süresini uzatmak için siteye yarar sağlayabilir.
Sitenin Teması: Bilinmiyor
Eklentiler: Elementor Pro, SG Optimizer, LoftLoader Pro Preloader, PowerPack Multipurpose Security plugin.
8.) Nakvaryum
Üyelerimizden Toygar beyin kendi çabasıyla sıfırdan ileri seviye Elementor öğrenerek oluşturduğu pazaryeri tam gaz devam ediyor. Site adeta pazaryerinden daha çok akvaryum ve balıklarla ilgili görebileceğiniz her tür içeriği kendi bünyesinde barındıran bir komüniteye benziyor. Site navigasyonu olarak bilgiyi vurgulayan başlıklar yerine alışverişi çağrıştıran kelimelerin kullanılması, daha fazla ziyaretçiyi müşteriye dönüştürebilir.
Tema: Hello Theme
Eklentiler: Litespeedcache, Woocommerce, Elementor, Elementor Pro
9.) Solvoyo
Kimi zaman web sitesini hayata geçirmeden önce bazı ekipler Figma ve Adobe xd gibi araçlarla tasarımın nasıl olmasını istediklerini iletmeyi tercih ediyor. Wp okulu olarak Solvoyo’nun gönderdiği arayüzü Elementor ile WordPress tabanlı web sitesine dönüştürdük.
Sitenin teması: Hello
Eklentiler: Elementor, Elementor Pro, Ultimate Addon for Elementor
10.) Pointship
Solvoyo örneğine çok benzer bir süreci Wp okulu olarak Pointship değer paylaşım platformu ile de deneyimledik. Estonya merkezli Pointship platformu, Web flow arayüzü ile tasarlanmış web sitelerini Elementor ile WordPress’e aktarmamızı istediler.
Sitenin teması: Astra
Eklentiler : Elementor, Elementor Pro
11.) Nbt İlaç
Elementor ile tasarlanmış bir başka muhteşem site. Neredeyse hazır bir tema kullanılmış kadar güzel bir arayüze ve fonksiyonelliğe sahip.
Sitenin Teması: Hello Theme
Elementor ile yapılmış daha fazla site örneği için mutlaka Elementor resmi sitesinde yayınlanan showcase kısmını inceleyebilirsiniz.
Yorum Ekle