Tek katalog
Canlı ve kayıtlı tüm programlar aynı yapıda listeleniyor; kategori, süre, seviye ve eğitmen tek kartta.
AES AkademiEğitim · Mühendislik · Online eğitim platformu · 'dan beri
Bir web sitesi değil, çalışan bir eğitim platformu.
AES Akademi, inşaat mühendislerine canlı ve kayıtlı eğitim veren bir mühendislik akademisi. Kaktüs Yazılım olarak eğitim kataloğunu, ders akışını, öğrenci–eğitmen–yönetici panellerini ve online satışı tek sistemde topladık. Ziyaretçi eğitimi buluyor, sepete ekliyor, ödemesini yapıyor ve dersine aynı platformdan giriyor.
AES Akademi, AES Yapı Tasarım'ın proje ofisi birikimini eğitime taşıyan bir mühendislik eğitim platformudur. İnşaat mühendislerine Etabs, ideCAD, SAP2000, Tekla, Revit ve PLAXIS gibi araçlarda canlı ve kayıtlı, uygulama odaklı programlar sunar.
Başlangıç noktası
Eğitim vardı, akış yoktu
- 01
Dağınık eğitim kataloğu
Canlı ve kayıtlı tüm eğitimlerin kategori, seviye ve eğitmene göre tek yerden bulunabildiği bir katalog gerekiyordu.
- 02
Kopuk kayıt akışı
Kayıt, ödeme ve derse erişim ayrı ayrı yürüdüğünde her adımın elle takip edilmesi gerekiyordu.
- 03
Canlı dersin platformdaki yeri
Tarih, saat, süre ve kontenjanın göründüğü; katılımın platform üzerinden yönetildiği bir canlı ders akışı şarttı.
- 04
Üç farklı kullanıcı, tek sistem
Öğrenci, eğitmen ve yöneticinin aynı platformda farklı yetkilerle çalışması gerekiyordu.
- 05
Online satış ve erişim kontrolü
Eğitimlerin sepete eklenip ödemesinin alınması, kayıtlı eğitimlerde erişimin satın almaya bağlanması gerekiyordu.
- 06
Kendi kendine yönetilebilirlik
Yeni eğitim, eğitmen ve içerik eklemek kod müdahalesi gerektirmemeliydi.
Katalog, sınıf ve kasa tek sistemde
Eğitimi bulmaktan derse girmeye kadar tüm yolu tek platformda kurduk.
Platformu üç kullanıcı rolü etrafında kurguladık. Öğrenci; eğitimi kategoriye, seviyeye ve eğitmene göre buluyor, sepete ekliyor, ödemesini yapıyor ve kendi panelinden canlı derse giriyor, kayıtlı içeriklere erişiyor, katılım belgesini görüyor. Eğitmen; kendi programını, ders içeriklerini ve öğrenci sorularını kendi panelinden yönetiyor. Yönetici ise eğitim kataloğunu, kontenjanı, fiyat ve indirimleri, kayıtları ve içerikleri tek panelden yönetiyor — yeni bir eğitim açmak için geliştirici desteği gerekmiyor. Canlı eğitimler için tarih, saat, süre, kontenjan ve geri sayım bilgisinin göründüğü bir kayıt akışı; kayıtlı (offline) eğitimler için satın alma sonrası erişim kontrolü kurduk. Eğitim danışmanlığı formuyla henüz karar vermemiş ziyaretçiyi de talep olarak topladık. Blog (Mühendislik Rehberi), eğitmen profilleri ve kategori sayfalarıyla platformu aramada görünür bir içerik yapısına oturttuk.
Eğitim detay sayfası: tarih, süre, kontenjan ve kayıt akışı tek ekranda.
Düzen
12 sütunluk ölçülmüş bir ızgara
Katalog kartları, eğitmen profilleri ve panel tabloları aynı ızgaraya oturuyor; mobilde aynı ölçüler tek sütuna iniyor.
- İçerik genişliği
- 1400 px
- Metin bloğu
- 672 px
- Kart ızgarası
- 3 sütun · 24–32 px boşluk
- Kolon aralığı
- 16 · 24 · 32 px
- Köşe yarıçapı
- 12 px · kartlarda 16 px
- Mobil davranış
- Tek sütun · aynı ölçü ailesi
3/12305 px3/12305 px3/12305 px3/12305 px
1440 px ekran · 1280 px içerik alanı12 sütun · 4 kart
Renk
Mühendislik disiplinine yakışan bir palet
Koyu lacivert zemin ve mavi ana renk okumayı yormuyor; turuncu yalnızca kayıt, kontenjan ve indirim gibi harekete geçiren yerlerde kullanılıyor.
01 · Zemin ve başlık metniDerin lacivert#0F172A
02 · Ana renk: bağlantı, buton ve etiketlerKurumsal mavi#1E40AF
03 · Kayıt, kontenjan ve indirim vurgusuAksiyon turuncusu#E8641C
04 · Gövde metni ve ikincil bilgiNötr gri#475569
05 · Kart ve bölüm zeminleriAçık zemin#EAF0FA
Tek bir vurgu rengi, tüm platformda aynı anlama geliyor: burada işlem yap.
Tipografi
Tek aile, net bir hiyerarşi
Tüm platform tek yazı ailesiyle (Manrope) kuruldu; ağırlık ve boyut farkı, eğitim adı, teknik künye ve fiyat bilgisini ilk bakışta ayırıyor.
123640 × 200 px
Uzun teknik içerik de, 30 saniyelik kayıt kararı da aynı ölçekte rahat okunuyor.
Anatomi
Platformu ayakta tutan parçalar
Vitrinin arkasında çalışan altı ana parça: katalog, canlı ders, satış, üç panel, içerik ve talep toplama.
Canlı ders akışı
Tarih, saat, süre ve kontenjan görünür; kayıt olmaktan derse girmeye kadar akış aynı yerden ilerliyor.
Ekran Kaydının Engellenmesi
Ders kayıtlarının veya canlı ders esnasında ekran kaydı almayı engelleyen bir sistem kuruldu.
Sepet ve ödeme
Eğitim sepete ekleniyor, ödeme alınıyor; kayıtlı eğitimlerde içerik erişimi satın almaya bağlanıyor.
Üç panel, tek sistem
Öğrenci, eğitmen ve yönetici aynı veriye kendi yetkileriyle bakıyor; kimse kimsenin alanına girmiyor.
İçerik ve görünürlük
Blog, eğitmen profilleri ve kategori sayfaları platformu aramada görünür kılan içerik yapısını kuruyor.
Talep toplama
Eğitim danışmanlığı formu, henüz karar vermemiş ziyaretçiyi deneyim ve hedefiyle birlikte kayıtlı talebe çeviriyor.
Teslim
Projede teslim edilenler
01
Eğitim kataloğu ve eğitim detay sayfaları (canlı + offline)
- 02Canlı ders kayıt akışı: tarih, saat, süre, kontenjan ve geri sayım
- 03Öğrenci paneli: satın alınan eğitimler, ders erişimi, katılım belgesi
- 04Eğitmen paneli: program, ders içerikleri ve öğrenci soruları yönetimi
- 05Yönetici paneli: eğitim, fiyat, kontenjan, kayıt ve içerik yönetimi
- 06Sepet, online ödeme ve kayıtlı eğitimlerde erişim kontrolü
- 07Eğitmen profilleri, kategori sayfaları ve blog (Mühendislik Rehberi)
- 08Eğitim danışmanlığı formu ve KVKK onaylı talep toplama
- 09Mobil uyumlu arayüz, arama ve favoriler
Eğitimi anlatan bir site değil, eğitimi yürüten bir platform.
Katalog, canlı ders, satış ve üç kullanıcı paneli tek sistemde — AES Akademi için Kaktüs Yazılım tarafından geliştirildi.