Web tasarımı ve geliştirme dünyaları karmaşık ve rekabetçidir. Yaratıcılar sürekli olarak kendilerine meydan okumak, uzmanlık alanlarında sınırları zorlamak ve dijital ortamda öne çıkmak için çabalıyorlar. Hem web geliştiricilerinin hem de tasarımcılarının sayısı muazzam olsa da, bazılarının yaratıcılığı tamamen yeni bir seviyede. Bu uzmanlar, çalışmalarında korkusuzca deneyler yapıyor ve her yeni projede yeni trendler belirliyor. Portföyleri, yaratıcı dehaları ve becerileri hakkında ciltler dolusu konuşma yaparak, bir sanatçının hünerini ve yaygın uygulamaları aşma ve özgün eserler yaratma becerisini gösterir.
Size tanıtacağımız kreatifler, web tasarımı ve web geliştirme sektörlerindeki en büyük isimlerden bazılarını içerir. Şu anda hayranlık uyandıran çalışmalarıyla tanınan en çok aranan ve ödüllendirilen uzmanlar arasında yer alıyorlar. Bu sanatçıları diğerlerinden ayıran şeyin tam olarak ne olduğunu daha iyi anlayabilmeniz için, portföylerini dünyaya nasıl sunmayı seçtiklerini size göstereceğiz ve özellikle keyif aldığımız projelerinden bazılarını tartışacağız. Hakkında konuşacağız:
-
Bruno Arizio
-
Aristide Benoist
-
Zhenya Rynzhuk
-
Eric Van Holtz
-
Kenta Toshikura
-
Marvin Schwaibold
-
galip iş
-
Martin Ehrlich
-
Charlie Montagut
-
Sofya Papadopoulu
-
Fabio Carretti
-
Bruno Simon
Bruno Arizio
Bruno Arizio, sektörde 12 yılı aşkın deneyime sahip, ödüllü bir tasarımcı ve sanat yönetmenidir. Bu Şubat ayında, şu anda Tasarım Direktörü olarak çalıştığı bir dijital deneyim ajansı olan Resn’e katıldı. Müşteri listesinde Adidas, Toyota, Gatorade ve Samsung gibi oldukça büyük isimler var.
Arizio, Awwwards, The FWA, CSS Tasarım Ödülleri, Typewolf ve diğer pek çok kuruluş tarafından “Günün Sitesi” ödülü de dahil olmak üzere çalışmaları nedeniyle çok sayıda ödül aldı. Web tasarım ve geliştirme alanında en saygın uluslararası ödüllerden biri olan Webby Awards’da jüri üyesi olarak görev yapmaktadır. Ayrıca Awwwards’ta yargıç. Bir tasarımcı olarak kariyerinize yeni başlıyorsanız, deneyimli jüri üyelerinin web sitelerini nasıl incelediklerini anlamak ilerlemeniz için çok yardımcı olabilir. Arizio, kendisinin ve Jonas Lempa’nın (başka bir müthiş tasarımcı) bazı web sitelerini analiz ettiği ve yol boyunca değerli bilgi ve ipuçlarını paylaştığı bir tartışmaya katıldı. Bu iki uzmandan çok şey öğreneceğiniz garanti olduğundan, Jüri Web Sitesi İncelemelerini izlediğinizden emin olun.
Arizio’nun web sitesi, onun basit öğeleri ustalıkla bir araya getirerek ve geometrik şekillerle oynayarak büyüleyici tasarımlar yapma becerisinin güzel bir örneğidir. Yükleme animasyonu, ekranın üstünden altına doğru uzanan birkaç düz dikey çizgiden oluşur. Fakat site yüklenip stüdyoyla ilgili temel bilgiler ekrana gelmeye başladıkça, çizgiler aynı anda büzülerek ekranın ortasına yerleşiyor. Sayfanın bir ucundan diğer ucuna birbirini kovalayan büyük siyah halkalar bu huzuru bozuyor ve sitede bir kargaşaya neden oluyor. Yatay kaydırma kullanımı, ızgara çizgilerinin yoğun kullanımı ve içindekiler tablosu olarak görüntülenen ana gezinme, bu portföyü bir dergi gibi gösteriyor. Büyük yazı karakterleri ve muhteşem proje sunumlarıyla dolu, Arizio’nun yaratıcılığının özel bir baskısından geçiyormuş gibi hissediyorsunuz. Fareyle üzerine gelme efektleri ve kaydırmayla tetiklenen animasyonlar çoğunlukla inceliklidir, fakat dikey gezinmeye sahip birkaç bölüm, yatay kaydırmanın egemenliğini kırmak ve izleyicileri şaşırtmak gibi bazı şaşırtıcı unsurları burada ve orada ördü. Arizio, web sitesini oldukça yetenekli bir serbest etkileşimli geliştirici olan Romain Avalle ile işbirliği içinde geliştirdi.
Arizio’nun üzerinde çalıştığı projelere gelince, özellikle Garoa Skincare için hazırladığı portföy sitesini beğendik. İnce, sıcak tonları seçti ve izleyicileri Garoa’nın sağlıklı, ışıltılı cilt dünyasına çekmek için sayfaları güneşten öpülmüş çok sayıda görselle süsledi. Gizli menü, görüntülemekte olduğunuz içeriğin hafifçe yana kayması ve menü bağlantılarına yer açmasıyla ekranda çekici bir şekilde kayar. Arizio, sitede dikey ve yatay gezinmeyi birleştirdi ve içeriğe göz atmayı gerçek bir zevk haline getirmek için kaydırmayla tetiklenen ilginç animasyonlar uyguladı. Bir noktada, Garoa’nın olmazsa olmazlarının adlarının üzerine geldiğinizde, imlecinizi ekranda nereye yerleştirirseniz oraya hareket ettirerek önizleme görüntüleri belirir. Bazı bölümlerde Arizio, küçük resimleri ustalıkla metne bağlayarak kelimelerin anlamlarını güçlendirdi.
Aristide Benoist
Aristide Benoist, hareket ve etkileşim konusunda uzmanlaşmış serbest çalışan bir geliştiricidir. Üzerinde çalıştığı projeler, CSS Tasarım Ödülleri, Awwwards ve FWA’da çok sayıda ödül kazandı. Sadece 2017 yılında bu üç platformdan 38 ödül topladı. Hatta 2017 ve 2019’da iki kez Awwwards’ın Bağımsız Yılın Ödülü’nün sahibi oldu. Bear Grylls, CRSA Architects ve sayısız etkinlik, tasarımcı ve sanatçı için web siteleri geliştirdi.
Benoist’in yeni web sitesi biraz sinematik bir çekiciliğe sahip. Arka plan tamamen siyahtır, tek renkli, dikdörtgen proje vitrinleri ekranın sağ tarafında yavaşça yan yana toplanır. Fareyi üzerlerine getirdiğinizde öne çıkan görseller renk kazanıyor. Kaydırmaya başladığınızda, görüntülenen eserler yatay olarak kaymaya başlar. Pürüzsüz hareketleri dalgalı bir kurdeleye benzer. Ne kadar hızlı kaydırırsanız, şerit o kadar dışbükey olur. Sayfanın üst kısmına yerleştirilen ilerleme çubuğu, “şeridin” hareketini yansıtır. Öne çıkan projelerden herhangi biri hakkında daha fazla bilgi edinmek için önizleme resimlerine tıklamanız yeterlidir. Seçilen önizleme fotoğrafı daha sonra diğer çalışmaları ekranın her iki tarafına doğru iterek büyür. Arka planın rengi de değişir ve söz konusu projede kullanılan paletle eşleşir. “Keşfet” düğmesiyle birlikte sayfada projeyle ilgili bazı temel bilgiler de görünür ve sizi tek proje sayfalarında daha fazla ayrıntı keşfetmeye ve daha fazla görüntü görüntülemeye davet eder. Düzenler güzel bir şekilde yapılandırılmış ve görüntülenen içerik göze hitap ediyor. Site genelinde kullanılan sürükleyici mikro etkileşimler, Benoist’in ilham verici beceri setini gösterir ve müthiş çalışmalarının güzelliğini vurgular.
Dikkat çeken son projelerinden biri de Paris merkezli fotoğraf ikilisi Paul & Henriette için geliştirdiği web sitesi. Site yüklenirken, vitrinde ekranın her yerine dağılmış renkli proje ön izlemeleri görünür. Fareyle üzerine gelindiğinde renkleri tersine dönerek negatif çekimler gibi görünmelerini sağlar. Ekranın üst kısmında birden üçe kadar sayıları görebilirsiniz. “01”, site yüklendikten sonra gördüğünüz varsayılan fotoğraf düzenlemesidir. “02” tüm görüntüleri soldaki bir sütunda gruplandırır. Fareyle üzerlerine geldiğinizde, ekranın geri kalanı büyütülmüş bir proje ön izlemesiyle dolar. “03”, Paul ve Henriette’in müşterilerinin bir listesini gösterir. Fareyle üzerine gelindiğinde, sayfada öne çıkan siyah beyaz resimler belirerek size her bir projenin nasıl bir şey olduğu hakkında bir fikir verir. Tek proje sayfaları, büyük, sürükleyici fotoğraflar, çok az kopya ve size proje vitrininin ne kadarını gördüğünüzü gösteren yararlı bir yüzde numarası içerir. Benoist, vahşi efektler ve grafiklerle abartmadı. Bunun yerine, izleyicilerin Paul ve Henriette’in çalışmalarını tanıyabilecekleri üç güzel ve eğlenceli yol buldu ve tüm konuşmayı resimlerinin yapmasına izin verdi.
Zhenya Rynzhuk
Zhenya Rynzhuk bir sanat yönetmeni ve görsel tasarım dünyasında popüler bir isim. Aynı zamanda Sochnik adlı Design Thinking School’un kurucu ortağı ve 2018’den beri Awwwards tasarım jürisidir. 2020’de Awwwards’ın Yılın Bağımsızı ödülünün sahibi seçilmiştir. ESPN, Allure, Huckleberry ve diğer birçok önemli marka ile işbirliği yaptı. Hatta Adobe XD Influencer kiti ve Adobe Editorial Kit üzerinde çalıştı.
Zhenya, web sitesinde heyecan verici ama uyumlu ortamlar yaratmak için şaşırtıcı bir ustalık sergiliyor. Muhteşem görseller seçti, mükemmel yazı tipi kombinasyonları seçti ve hepsini sürükleyici animasyon efektleriyle tamamladı. Ayrıca izleyicileri çalışmalarından uzaklaştırmadan portföyüne eğlenceli bir faktör eklemenin bir yolunu buldu. Site boyunca bir sürü gülen yüzün yanı sıra bazı cesur, dönen yıldızları karaladı. Site, kaydırmayla tetiklenen eylemle dolup taşıyor ve içeriği daha da sürükleyici hale getiriyor.
Zhenya, Synchronized Studio’nun kurucu ortaklarından ve tasarım direktörlerinden biridir. Bu tam hizmet yaratıcı stüdyo için tasarladığı web sitesi, geniş portföyündeki sayısız etkileyici projeden sadece biri. Web sitesinin tamamı muhteşem animasyonlar ve ilgi çekici proje vitrinleriyle dolu. Zhenya, stüdyonun arşiv sayfasına erişebileceğiniz ekranın üst kısmındaki haber şeridi bölümünden başlayarak sayfalara biraz hareket kattı. İmleci siyah arka plan üzerinde hareket ettirdiğinizde, arka planın aslında farenin hareketini takip eden hışırdayan siyah bir sayfa olduğunu fark edeceksiniz. İşaretçi ayrıca arkasında siyah-beyaz manzarayı yan yana getiren çarpıcı bir kireç yeşili iz bırakır. Bu sitenin tamamı şüphesiz büyüleyici olsa da, arşiv sayfasına göz atmak özellikle ilginçtir. Fareyi istediğiniz yöne sürükleyerek keşfedebileceğiniz sonsuz bir tuval olarak tasarlanmıştır. Proje önizlemeleri, yüzeyinin her yerine yayılır. Bir fare düğmesini basılı tuttuğunuzda önizlemeler bulanık ve dalgalı hale gelir, fakat fare düğmesini bıraktığınız anda normale döner.
Eric Van Holtz
Eric Van Holtz, animasyonlu, duyarlı ve etkileşimli içerik konusunda uzmanlaşmış bir web geliştiricisidir. 2013’ten bu yana yaratıcılığı ve projelerinin özgünlüğü, Awwwards, CSS Tasarım Ödülleri ve FWA dahil olmak üzere tüm büyük tasarım platformları tarafından sürekli olarak ödüllendiriliyor. onXMaps, Icon Motosports ve Studio Mega, The Brigade ve diğerleri gibi birçok yaratıcı stüdyo ve ajansta çalıştı.
Eric’in web sitesi, üzerinde çalıştığı projeler hakkında çekici bir genel bakış sunuyor. Sitedeki en dikkat çekici sayfa, mor bir arka plan üzerinde cesur, büyük tipografinin kendine özgü birleşimi ile ana sayfadır. Harfler siyahtır, fakat fareyle üzerine gelindiğinde ana hatları çizilir. Eric, sitenin başka bir yerinde büyük yazı tiplerini küçük harfli yazı tipleri ve çarpıcı grafiklerle birleştirerek, izleyicileri görüntülenen projeler hakkındaki hikayeye tamamen çeken görsel olarak çekici içerik yarattı. Bazı bölümlerde, özellikle büyük kalın yazı tiplerine sahip olanlarda, biraz sert efektler ekleyerek tipografinin sağlam karakterini güçlendirdi.
Eric’in müşterileri için tasarladığı projelere gelince, Decoded Advertising’in sitesinden gerçekten keyif aldık. Bu proje hafif acımasız hisler yayıyor. Sayfaları parlak renkler, hareket, canlı görseller, büyük tipografi ve metin içeriğiyle dolu ama Eric hepsini harmanlamanın ve bundan uyumlu ve mantıklı bir sistem oluşturmanın bir yolunu buldu. Dikey ve yatay navigasyonla oynadı, çizimler, videolar, simgeler (örneğin büyüteç, gülen yüz vb.) ekleyerek Decoded Advertising’in çalışmasının heyecan verici bir sunumunu yarattı.
Kenta Toshikura
Kenta Toshikura, Tokyo’da yaşayan bir web tasarımcısı ve ön uç geliştiricisidir. Şimdiye kadar Awwwards’tan 12 ödül, iki FWA ve ayrıca CSS Tasarım Ödülleri ve Commarts’tan çeşitli ödüller kazandı. Çalıştığı müşterilerden bazıları DDD Hotel, Stone & Style, Aircord ve diğerleridir.
Kenta’nın portföy web sitesinin tasarımı, her gün gördüğünüz bir şey değildir. Tuhaf ve bazen soyut 3D proje önizlemeleri, her yerde bulunan siyah renkle eşleştirilerek sitenin esrarengiz ve heyecan verici görünmesi sağlanır. Projeler, sonsuz döngü efekti kullanılarak görüntülenerek listenin hiç bitmiyormuş gibi görünmesini sağlar. Tek proje sayfaları, ekranın ortasında konumlandırılmış, söz konusu çalışmanın adıyla çevrili, 3B proje ön izlemesinin büyütülmüş bir sürümünü içerir. Bu 3B mistik unsurlar, Kenta’nın bildiği bir şeydir ve onları hemen hemen tüm projelerinde görebilirsiniz.
Örneğin…