Web2024

Mir Holding

İlk sürümünü tek geliştirici olarak hazırlayıp yayına aldığım, responsive ve iki dilli kurumsal site.

Canlı site

Rolüm: İlk sürümün tek geliştiricisi
Dil: Türkçe / İngilizce
Dönem: 2024 stajı

Teknolojiler

Next.js
React
TypeScript
Tailwind CSS
i18n

Proje özeti

2024 DizaynGrup stajımda Mir Holding kurumsal sitesinin ilk sürümünü tek geliştirici olarak üstlendim. Holdinge bağlı şirketleri, ürünleri, haberleri ve sertifikaları ortak bir içerik yapısında buluşturdum; responsive Türkçe ve İngilizce sürümleri geliştirip yayına aldım.

İlk kez tek başıma

O güne kadar hep var olan bir yapının içine parça eklemiştim. Bu projede ise boş bir klasörle başladım: dosya yapısını, bileşen sınırlarını, içeriğin nasıl tutulacağını ve sayfaların nasıl bölüneceğini kendim kurdum.

İlk hafta öğrendiğim şey, karar vermenin kod yazmaktan daha yorucu olduğuydu. Bir bileşeni nasıl yazacağımı biliyordum; o bileşenin var olması gerekip gerekmediğine karar vermek yeniydi.

Yanlış kurulan bir yapının bedelini de aynı proje içinde ödediğim için ders kalıcı oldu. İçerik büyüdükçe erken alınmış bir kararın nasıl yayıldığını ilk kez burada gördüm.

Holding yapısını anlatmak

Bir holding sitesinin asıl zorluğu ürün anlatmak değil, yapıyı anlatmak. Ziyaretçi genellikle tek bir şirketi arayarak geliyor ama holdingin bütünü hakkında da bir izlenim edinmesi gerekiyor.

Bu yüzden gezinme "Şirketler" etrafında kurgulandı. Her şirket ana sayfada kendi kimliğiyle görünüyor; haberler ise holdingi tek bir sesle konuşturuyor. İkisi arasındaki dengeyi bulmak, bu projenin en çok üzerinde durduğum kısmıydı.

Ziyaretçiyi tek bir hikâyeye zorlamak yerine, hangi kapıdan girerse girsin doğru yere ulaşacağı bir yapı kurmaya çalıştım.

Şirketler bölümü — Gezinme ve ana sayfa "Şirketler" ekseninde kurgulandı.

Sertifika ve kanıt

Ürün iletişiminin merkezinde antimikrobiyal boru ürünü SterilePipe vardı. "Mikropların %99,9’unu yok eder" gibi bir iddianın yanında laboratuvar belgelerinin durması gerekiyordu.

Hero alanında iddia ve belgeler birlikte gösterildi; analiz raporları sloganın hemen yanında duruyor. Tasarım kararı gibi görünse de aslında bir güven kararıydı: kurumsal bir sitede en güçlü görsel öğe çoğu zaman fotoğraf değil, kanıt oluyor.

İki dil, tek içerik modeli

Site Türkçe ve İngilizce yayınlanıyor. Bunu sonradan eklenen bir çeviri katmanı olarak değil, en baştan içerik modelinin parçası olarak kurdum; her içerik iki dilde birlikte yaşıyor.

Bu portfolyoyu da i18n ile kurma alışkanlığım buradan geliyor. Bir dili sonradan eklemenin ne kadar pahalı olduğunu, ikinci dili eklerken değil, ilk dili yanlış modellediğimi fark ettiğimde öğrendim.

Mobil görünüm — Aynı içerik hiyerarşisinin mobildeki karşılığı.