Bir tasarımcı veya yaratıcı stüdyo web sitesi için sofistike, editoryal tarzda bir portfolyo ana sayfa hero alanı oluşturur.
Amaç: Tasarımcı/geliştirici Ari Vale için editoryal İsviçre tarzı bir yerleşim ve katmanlı mimari kolaj içeren, rafine bir portfolyo ana sayfa hero tasarımı oluşturun.
Tuval: Geniş masaüstü web sitesi ekran görüntüsü, 16:9 en boy oranı, kırık beyaz sıcak kağıt arka plan, bol miktarda negatif alan, hafif gren dokusu, premium minimalist estetik.
Düzen: 6 görünür öğeye sahip üst navigasyon çubuğu: solda "Ari Vale" kelime işareti ve ardından küçük bir mavi nokta, ortalanmış navigasyon bağlantıları "Work", "About", "Studio", "Notes" ve en sağda mavi noktalı, yuvarlatılmış dış hatlı bir "Menu" hapı. Ana hero içeriği, küçük bir üst etiket, büyük tipografi, kısa açıklama ve iki harekete geçirici mesaj ile merkezin biraz solunda yer alır. Metnin etrafına soyut monokrom mimari görselleri katmanlayın: solda bir kolaj, sağda daha büyük basamaklı bir mimari görsel ve altında küçük bir natürmort görseli. Alt bilgi şeridinde solda uygunluk durumu metni, ortada ince bir yatay ayırıcı çizgi ve sağda sosyal medya bağlantıları bulunur.
Metin içeriği: Başlığın üzerindeki üst etiket küçük bir mavi nokta ile "ARI VALE — DESIGNER & DEVELOPER" yazar. Ana başlık tam olarak şu şekildedir: "I design digital experiences, brands, and creative web." "design" kelimesini zarif bir italik serif yazı tipiyle, başlığın geri kalanını ise büyük, modern bir sans serif ile yazın. Destekleyici metin: "Strategy-led design and development for forward-thinking companies and cultural projects." Birincil buton metni: Küçük bir ok ile "View Selected Work". İkincil metin bağlantısı: Ok ile "About Ari". Soldaki siyah proje kartında "REFIX ANADOL", "Machine Hallucinations" ve "Immersive Exhibition" yazar, sağ alt köşesinde küçük bir ok bulunur. Sağ taraftaki küçük üst üste dizilmiş kelimeler "VISION", "MADE", "DIGITAL" şeklindedir. Sol alttaki metin "AVAILABLE FOR NEW PROJECTS" yazar. Sağ alttaki sosyal medya bağlantıları tam olarak 3 öğedir: "LINKEDIN", "DRIBBBLE", "INSTAGRAM" ve ardından bir ok. En sağa "40.7128° N, 74.0060° W" yazan dikey bir koordinat etiketi ekleyin.
Görsel detaylar: Sıcak fildişi, siyah, kömür grisi, soluk beton grisi ve canlı kobalt mavisi vurgulardan oluşan kısıtlı bir palet kullanın. Tipografi, temiz bir grotesk sans serif ile yüksek kontrastlı bir italik serif kelimeyi birleştirmelidir. İnce kıl çizgiler, geniş harf aralıklı küçük büyük harf etiketleri ve hassas hizalama kullanın. Tam olarak 5 mavi vurgu öğesi ekleyin: kelime işareti noktası, üst etiket noktası, menü noktası, soldaki mimari fotoğrafın üzerinde mavi bant benzeri diyagonal bir dikdörtgen ve sağ taraftaki kelimelerin yakınında küçük bir mavi artı/çapraz işareti. Sağ alt kolajın yakınına, içinde okunaksız küçük büyük harfler ve küçük bir ok bulunan soluk dairesel bir damga grafiği ekleyin.
Görsel öğe sayısı: Tam olarak 5 fotoğraf/doku bloğu ekleyin: sol kolajın arkasında 1 uzun bej beton dikdörtgen, solda 1 soluk kavisli bina fotoğrafı, altında 1 küçük kayalık doku fotoğrafı, sağda 1 büyük soluk mimari merdiven/yivli yapı görseli ve sağ görselin altında beyaz bir küre ve taş içeren 1 küçük natürmort görseli. Ayrıca sol kolajda tam olarak 1 adet siyah katmanlı proje kartı ekleyin.
Kısıtlamalar: Poster gibi değil, üst düzey bir canlı web sitesi açılış sayfası gibi görünmesini sağlayın. Tüm metinleri net ve okunaklı tutun, tarayıcı kromundan kaçının, ekstra navigasyon öğelerinden kaçının, ekstra görsellerden kaçının, renkli gradyanlardan kaçının, stok fotoğraf insanlarından kaçının ve geniş asimetrik dengeyi koruyun.
