Karpower

Karpower logosu

Karpower’ın web sitesini iki ayda hayata geçirdik. Wireframe ve UI/UX tasarımından kodlama, optimizasyon ve SEO entegrasyonuna kadar tüm süreci üstlendik.

Karpower ana sayfa, Karpower Valley, About ve Media Center tasarımlarının toplu sunumu

Süre

2 AY

Servisler

UI/UX, Web Geliştirme, SEO

Cihazlar

Web, Tablet, Telefon

Teknolojilerimiz

Tasarım

UI/UXWireframeResponsive Design

Geliştirme

HugoHTMLCSSJavaScriptNode.jsNginx

Güvenlik

Nginx WAF

SEO

SEOSemantic HTML

Sürecimiz

Her adımda araştırma, tasarım ve teknolojiyi aynı hedefte buluşturduk.

Müşteri İhtiyaçları ve Hedefler

Karpower’ın enerji ve altyapı alanındaki faaliyetlerini anlaşılır bir web deneyimiyle sunmak için Karadeniz Holding ile çalıştık. Ziyaretçinin şirket hakkında bilgi edinmesini, faaliyet alanlarını incelemesini ve ilgili çözümlere ulaşmasını tasarımın temel hedefleri olarak belirledik.

Strateji ve Planlama

Sayfaların içerik sırasını ve gezinme yapısını wireframe çalışmalarıyla oluşturduk. Ana sayfada hangi bilgilerin öne çıkacağını, faaliyet alanları ile çözüm sayfalarının nasıl bağlanacağını bu aşamada ele aldık.

Bu yapı üzerinden alternatif tasarımlar hazırladık. Geri bildirimler doğrultusunda ekranları revize ederek bilgi hiyerarşisini ve görsel dili netleştirdik. İki aylık süreci, bu kararların geliştirmeye aktarılmasını da kapsayacak şekilde yürüttük.

Tasarım ve Kullanıcı Deneyimi

UI/UX çalışmasında büyük görsellerle desteklenen bir giriş alanı, okunabilir metinler ve belirgin gezinme bağlantıları kullandık. Faaliyet alanları ve enerji çözümlerini ayrı bölümlerde sunarak ziyaretçinin ilgilendiği içeriğe ulaşmasını kolaylaştırdık.

Ekran düzenlerini masaüstü, tablet ve telefon kullanımı için ele aldık. Görsellerin, metinlerin ve menülerin farklı ekranlarda nasıl yerleşeceğini tasarladık. Animasyonları da sayfadaki içeriklerin geçişlerini destekleyecek şekilde kurguladık.

Uygulama ve Geliştirme

Web sitesinin içerik sayfalarını Hugo kullanarak statik bir yapıda geliştirdik. Tasarımları sayfa şablonlarına aktardık, farklı ekran boyutlarına uyarladık ve animasyonları uyguladık. Modüler tasarım yapısını, modüler olarak yazılıma uygulayarak, geliştirme süreçlerini hızlandırdık.

İletişim formunu Nginx ve Node.js kullanarak geliştirdik. Projede web uygulaması güvenlik duvarı olarak Nginx WAF kullandık.

SEO çalışmalarını tasarım ve geliştirme süreciyle birlikte yürüttük. Sayfa başlıkları, içerik hiyerarşisi ve arama motorlarının sayfaları anlamasına yardımcı olan yapı üzerinde çalıştık.

Sonuç ve Kazanımlar

Projeyi, Karadeniz Holding ile belirlediğimiz teslim tarihlerine bağlı kalarak tamamlayarak Karpower’ın kurumsal yapısını ve global faaliyetlerini dijital dünyada güçlü ve anlaşılır biçimde yansıtan bir site ortaya çıkardık.