Proje Açıklaması:
Tasarımı yapılmış tek sayfalık tanıtım sitemizi yayına hazır hale getirmek istiyoruz. Halihazırda elimizde olan tasarımın birebir şekilde, mobil uyumlu ve hızlı yüklenen bir HTML/CSS yapısına dönüştürülmesini hedefliyoruz.
İşverenin Beklentileri
- Pixel-perfect kodlama isteniyor
- Tam responsive olmalı (mobil, tablet, masaüstü)
- Gerekirse sticky navbar veya scroll animasyon gibi küçük efektler uygulanabilir
- Yazılan kodlar sade, temiz ve tekrar kullanılabilir olmalı
- Kodun açık kaynak olarak paylaşılmasına uygun biçimde yazılması
- Teslimat süresi: 5 iş günü
Teslimat Formatı
- HTML + CSS (Tailwind) + JS dosyaları
- GitHub üzerinden proje teslimi
- Canlı demo (Vercel veya Netlify üzerinde)
- README.md içeren kısa teknik dökümantasyon
Projenin Tanımı
- Tek sayfalık landing page
- Bölümler: Hero / Hakkımızda / Özellikler / Kullanıcı Yorumları / Footer
- Scroll üzerinden ilerleyen animasyonlu bir yapı
- Header menüsü sticky, footer’da sosyal medya ikonları olacak
- Görseller optimize edilmiş olmalı (webp tercih)
Marka / Mevcut Durum
- Flowfolio, bireysel tasarımcı ve yaratıcı profesyoneller için dijital portfolyo aracı sunan yeni bir girişim
- Figma dosyaları ve marka renk paleti hazır
- Tipografi ve buton stilleri belirlendi
- Figma dosyası paylaşılacak (auto layout içeriyor)
Hedef Kitle
- Masaüstü kullanım: %60
- Mobil cihazlar: %35
- Tablet: %5
- Kullanıcı profili: 20–40 yaş arası tasarımcılar, geliştiriciler, kreatif profesyoneller
Beklenen Teslimatlar
- 1 tam responsive landing page (tek sayfa)
- Mobil, tablet ve masaüstü görünüm uyarlamaları
- HTML + Tailwind CSS yapısı
- Demo linki + GitHub repository
- Basit animasyonlar (hover, scroll-in view)
Revizyon Politikası
- 1 genel stil düzenlemesi
- 2 küçük tarayıcı uyumluluk düzeltmesi (Chrome, Safari, Firefox)
- Teslim sonrası 3 gün içinde gönderilen değişiklik talepleri dikkate alınır
- Major değişiklikler yeni revizyon olarak değerlendirilir
Ek Dosyalar
- Figma dosyası
- Marka kılavuzu (renkler, fontlar)
- Kullanıcı akışı diyagramı
- Örnek referans site (inspirasyon)