Gizliliğinize önem veriyoruz

Gezinme deneyiminizi iyileştirmek, site trafiğini analiz etmek ve içeriği kişiselleştirmek için çerezler ve benzeri teknolojiler kullanıyoruz. Tercihlerinizi istediğiniz zaman değiştirebilirsiniz.

Çerez Tercihleri

Çerez onay tercihlerinizi yönetin.

Gezinme, güvenlik ve korumalı alanlara erişim gibi sitenin temel işlevleri için gereklidir. Bunlar devre dışı bırakılamaz.

Sitenin nasıl kullanıldığını anlamamıza yardımcı olur; performansı ölçüp iyileştirmemizi sağlar.

ESA E-Sports

Türkiye'nin e-spor ve video oyunları sektöründeki sayılı ve en başarılı girişimlerinden birisi olan ESA E-Sports'un kurumsal web sitesini tasarladık ve farklı oyunlar için kullanılabilecek bir turnuva sistemi geliştirerek yayına aldık.

Ne Yaptık?
  • Back-End Geliştirme
  • Front-End Geliştirme
Ne Kullandık?
EslintESLint, ECMAScript/JavaScript kodunda bulunan kalıpları tanımlayıp bildiren ve kodun daha tutarlı ve kolay bakım edilebilir hale getirilmesi amacıyla geliştirilen bir araçtır. Kod stilini zorunlu kılmak ve kod içinde potansiyel problemleri tespit etmek için kullanılır.
FigmaFigma, takımlar için bulut tabanlı bir tasarım ve prototipleme araçtır. Kullanıcı arayüzü tasarımlarını, wireframelerini ve prototiplerini oluşturmak için son yıllarda en yaygın kullanılan tasarım araçlarından birisidir.
GitGit, dağıtık bir versiyon kontrol sistemidir. Git, çalışma alanınızda yaptığınız değişiklikleri (commit) bir depoya (repository) ekleyerek bu değişikliklerin tarihçesini tutar. Bu sayede, projeye katkıda bulunan tüm çalışanların yaptıkları değişiklikleri takip edebilir ve projenin gelişimini izleyebilirsiniz.
HTMLHTML bir metin işaretleme dilidir ve web sayfalarının içeriğini tanımlar. HTML, bir web sayfasında metinlerin, bağlantıların, resimlerin ve diğer öğelerin nasıl görüneceğini belirler. HTML dosyaları, bir web tarayıcısı tarafından açılarak görüntülenir.
JavascriptJavaScript, bir tarayıcı tabanlı programlama dilidir. Bu dil, web sayfalarında çalışan dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, JavaScript sayesinde bir web sayfasında bir formun doğruluğu kontrol edilebilir, bir sayfanın içeriği anında güncellenebilir ve kullanıcı etkileşimleri takip edilebilir.
MysqlMySQL, bir veritabanı yönetim sistemidir. Bu sistem, verilerin depolanması, sorgulanması ve işlenmesi için kullanılır. MySQL, çeşitli işletim sistemlerinde çalışabilen ve yüksek performanslı bir veritabanıdır.
LaravelLaravel, web uygulaması geliştirme için kullanılan ücretsiz ve açık kaynak bir PHP web framework'üdür. Modern, kolay bakım edilebilir ve skalable uygulamalar geliştirmeyi kolaylaştırmak amacıyla tasarlandı.
NpmNPM (Node Package Manager'ın kısaltması) JavaScript runtime ortamı Node.js için varsayılan bir paket yöneticisidir. Node.js projesi için gereken paketleri (kütüphaneler ve araçlar) yüklemek ve yönetmek için kullanılır.
PHPPHP bir sunucu taraflı programlama dilidir. Bu dil, web sunucuları üzerinde çalışarak dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, PHP sayesinde bir web formundan gönderilen verileri işleyebilir, veritabanı sorguları yapabilir ve web sayfalarının içeriğini oluşturabilirsiniz.
PrettierPrettier, geliştiricilere temiz, tutarlı ve okunabilir kod yazma yardımcısı olan bir kod biçimleyicisidir. Kodun içeriğine odaklanmalarını sağlamak amacıyla, biçimlendirmeyi kendisi üstlenir.
Tailwind CSSTailwind CSS, geliştiricilere kolaylıkla özel kullanıcı arayüzleri oluşturma imkanı veren bir utility-first CSS framework'üdür. Özel stiller oluşturmak için karmaşık CSS kuralları yazmak zorunda kalmamak amacıyla tasarlanmıştır.
Vue.jsVue.js, kullanıcı arayüzleri inşa etmek için bir progressive JavaScript framework'üdür. Tek sayfa uygulamaları (SPAs) inşa etmek için kullanılır ve kolay öğrenilebilir, az kodla çalıştırılabilir ve büyük ölçekte uygulamaların inşasını ve bakımını kolaylaştırmak amacıyla tasarlanmıştır.
CSSCSS, web sayfalarının görünümünü (stilini) tanımlayan bir dildir. CSS, HTML veya XML gibi diller ile birlikte kullanılarak, bir web sayfasındaki metinlerin fontlarını, renklerini, boşluklarını ve diğer görünüm öğelerini belirlemenize yardımcı olur.
JSONJSON bir veri değişimi formattır. Bu formatta, veriler nesneler, diziler ve değerler şeklinde ifade edilir. Örneğin, bir web uygulamasında bir veri kaynağından alınan veriler, bir web sunucusu tarafından JSON formatına dönüştürülerek bir web tarayıcısına gönderilebilir.
ESA E-Sports Logo

Türkiye merkezli olarak 2018 yılında kurulan ESA E-Sports, e-spor ve video oyunları sektöründe faaliyet gösteren, düzenlediği e-spor organizasyonları, ürettiği dijital içerikler ve eğlence sektörüne getirdiği yenilikçi bakış açısı ile Türkiye'de ve komşu coğrafyalarda pazar lideri olmayı vizyon edinmiş; aynı zamanda 2022 yılında Riot Games'in Türkiye bölgesi için 'Valorant Ekosistem Ortağı' olarak seçilmiş bir "yeni medya" şirketidir.

ESA E-Sports için bir web sitesi tasarlamak ve geliştirmek için yola çıktığımızda hedef kitlemizin neredeyse tamamı dijital yerlilerdi ve çoğu oyunculardan oluşuyordu. Bu nedenle, web sitesini tasarlarken estetik, anlaşılabilirlik ve genel kullanım kolaylığı gibi faktörler de dahil olmak üzere oyun topluluğunun tercihlerini göz önünde bulundurduk. Tüm gereksinimleri bir araya getirdik ve web sitesinin şirket ve ESA E-Sports Arena, etkinlikler ve turnuvalar hakkında bilgi sağlama gibi ihtiyaçlarını belirledik ve ESA E-Sports'un başarılı yolculuğunun bir parçası olmaktan mutluluk duyduğumuz bu enerjik, temiz web sitesini teslim ettik.

ESA E-Sports Web Sitesi Arayüz Tasarımı (UI Design)

ESA E-Sports Web Sitesi Mobil Arayüz Tasarımı (UI Design)

ESA E-Sports Web Sitesi Arayüz Bileşenleri (UI Components)

ESA E-Sports Web Sitesi Arayüz Tasarımı (UI Design)

ESA E-Sports Web Sitesi Ekranlar (Screen Designs)

Özel Turnuva Yönetimi Sistemi

Valorant Türkiye için tasarladığımız, oyuncuların veya takımların turnuvaya kaydolması için kayıt süreçleri, katılım kuralları ve turnuva boyunca takımların veya oyuncuların performanslarını takip edebilmek için için sıralamalar, maç programı ve sonuçları ile ilgili ayrıntılı ekranlar içeren Turnuva Yönetim Sistemimizi bu projeye entegre ettik.

ESA E-Sports Web Sitesi Arayüz Tasarımı (UI Design)
ESA E-Sports Web Sitesi Haberler Arayüz Tasarımı (UI Design)
ESA E-Sports Web Sitesi İletişim Formu Arayüz Tasarımı (UI Design)
ESA Arena Web Sitesi Arayüz Tasarımı (UI Design)
ESA E-Sports Haber Arayüz Tasarımı (UI Design)

İlginizi Çekebilecek Çalışmalar

Acıbadem Üniversitesi - acibadem.edu.tr
Acıbadem Üniversitesi

acibadem.edu.tr
- Paylaş Büyüsün
Sağlık Bahçesi

Paylaş Büyüsün
Santa Farma - santafarma.com.tr
Santa Farma

santafarma.com.tr
Tüm Hizmetlerimizi Görüntüle

Bir projeniz mi var?

Detayları görüşebilmek için sabırsızlanıyoruz.

Dijital projelerinizdeki ihtiyaçlarınızı karşılamak ve uzmanlık alanlarımızdaki tüm sorularınızı yanıtlamak için buradayız.
Bize Ulaşın
Istanbul (Merkez)

Esentepe Mahallesi
Talatpaşa Caddesi No:5/1
Şişli, İstanbul, Türkiye

Londra

565 Green Lanes
Haringey, Londra
N8 0RL, İngiltere

© 2026 Epigra. Tüm hakları saklıdır.