TOGG (Türkiye’nin Otomobili Girişim Grubu) projesi, Türkiye’nin ilk yerli elektrikli otomobilini geliştirmeyi amaçlayan bir girişimdir. Bu projede frontend developer olarak görev aldım ve CSR (Customer Service Representatives) ve WSC (Web Services Center) olmak üzere iki farklı projede çalıştım. Her iki projede de frontend tarafında kullanıcı deneyimini artıracak çözümler ürettim.
Proje sürecine başladığımda, dinamik içerikler sağlamak için backend ekibinden gelen API’lerle entegre bir yapı kurmamız gerekiyordu. Kullanıcıların araç özelliklerini seçtikçe anlık olarak görsel ve metin bazında değişiklikler görmesi gerektiği için frontend tarafında HTML, CSS, ve Tailwind gibi teknolojilerle, kullanıcı dostu ve hızlı bir deneyim sunacak yapılar geliştirdim. Ayrıca, frontend ile backend arasındaki etkileşimi daha verimli hale getirmek için Fractal, Twig ve Pattern Lab gibi araçlarla çalıştım.
TOGG projesinde, mobil uyumluluk en büyük önceliklerimizden biriydi. Web sitesinin her ekran boyutunda sorunsuz çalışması gerektiğinden, mobil tasarımı optimize etmek için kapsamlı çalışmalar yaptım. Kullanıcıların büyük kısmı mobil cihazlar üzerinden siteyi ziyaret ettiğinden, responsive tasarımı her cihazda sorunsuz hale getirdim. Ayrıca, kullanıcıların hızlı ve kolay bir deneyim yaşaması için performans iyileştirmeleri yaptım. Grunt ve Webpack gibi araçlarla siteyi hızlandırdım ve gereksiz yükleri kaldırarak sayfa yükleme sürelerini minimize ettim.
Bu projede karşılaştığım en büyük zorluklardan biri, araç konfigürasyon sayfasının geliştirilmesiydi. Kullanıcılar araç özelliklerini seçtikçe, seçilen özellikler hemen ekranda görünen araca yansıyordu. Bu süreçte, özellikle JavaScript ve jQuery kullanarak interaktif bir yapı kurmak zorlu ama bir o kadar da ödüllendirici oldu. Kullanıcıların araçlarını kişiselleştirmelerini kolaylaştıran bu yapı, projenin başarısını etkileyen önemli bir özellik haline geldi.
Proje süresince, CSR ve WSC projeleri için ayrı ayrı UI-Kit hazırladım. Her iki proje için de, tasarımın tutarlılığını sağlamak ve geliştirme süreçlerini hızlandırmak amacıyla her birine özel UI-Kit’ler oluşturduk. Bu UI-Kit’ler, ilgili projelerin renk paletleri, yazı tipleri, buton stilleri ve diğer tasarım öğelerini içeriyordu. Her iki projede farklı UI tasarımları ve yapılar olduğundan, CSR ve WSC projeleri için özelleştirilmiş UI-Kit’lerin hazırlanması büyük önem taşıdı ve süreçlerin verimli bir şekilde ilerlemesine yardımcı oldu.
TOGG projesi sayesinde 50.000’e yakın araç satışı yapıldı. Kullanıcılar, geliştirdiğim araç konfigürasyon sayfası sayesinde araçlarını kişiselleştirip siparişlerini kolaylıkla geçebildiler. Bu, projede sağladığım dinamik ve kullanıcı dostu arayüzün başarısını kanıtladı ve kullanıcıların ihtiyaçlarını karşıladı. Proje boyunca kazandığım deneyimler, hem teknik becerilerimi geliştirdi hem de problem çözme yeteneklerimi güçlendirdi.