𝗜 𝗕𝘂𝗶𝗹𝘁 𝗔 𝗙𝗿𝗲𝗲 𝗧𝗲𝘅𝘁 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗼𝗿. 𝗛𝗲𝗿𝗲 𝗜𝘀 𝗪𝗵𝗮𝘁 𝗜 𝗟𝗲𝗮𝗿𝗻𝗲𝗱.
Birkaç ay önce küçük bir yan proje başlattım. Tulisan Aesthetic adında bir araç. Düz metni stilize edilmiş Unicode yazı tiplerine dönüştürüyor. Kullanıcılar bunu Instagram biyografileri, TikTok açıklamaları ve WhatsApp durumları için kullanıyor.
HTML, CSS ve vanilla JS ile geliştirdim. Geniş bir Unicode karakter haritası kullandım.
Araç, standart harfleri yazı tipi gibi görünen matematiksel sembollerle değiştirerek çalışıyor. Bu, özel yazı tiplerini desteklemeyen yerlerde işe yarıyor.
Kullanıcı verilerinin bana öğrettiği üç şey şunlar:
- Mobil her şeydir.
Kullanıcıların %60'ının mobilde olacağını düşünmüştüm. Oysa %85'ten fazlası mobildeydi. Bu, tasarım yaklaşımımı değiştirdi. Kopyala butonunu başparmaklar için büyük yaptım. Yazı tipi listesinin sorunsuz kaymasını sağladım. 16px minimum yazı tipi boyutu kullanarak iOS otomatik yakınlaştırma sorununu çözdüm.
Sosyal medya kullanıcıları için bir şey geliştiriyorsanız, önce mobil için tasarlayın. Masaüstü ikincildir.
- Ana eyleme odaklanın.
Çok sütunlu bir ızgara (grid) ile başladım. Masaüstünde iyi görünüyordu ancak mobilde başarısız oldu. İnsanların aracı nasıl kullandığını izledim. Sadece kopyala butonunu istiyorlardı. Geri kalan her şey gürültüden ibaretti.
Aracı tek bir kaydırılabilir liste olarak yeniden inşa ettim. Her stilin kendi satırı ve net bir kopyala butonu var. Bu değişiklik etkileşimi artırdı ve hemen çıkma oranını düşürdü.
Aracınızın var olma amacını belirleyin. O eylemi zahmetsiz hale getirin.
- Hız, SEO stratejinizdir.
Reklamlara sıfır dolar harcadım. Tüm büyüme organik aramadan geldi.
Bu nişteki araçların çoğu yavaş ve reklam dolu. Benim aracım hafif. Toplam sayfa ağırlığı 80KB'ın altında. Lighthouse puanım 98 ve üzeri. Aracım hızlı yüklendiği için arama sonuçlarında daha üst sıralarda yer aldım.
Niş araçlar için arama sıralamalarını kazanmanın yolu performanstır.
Teknik detaylar:
- Frontend: Vanilla HTML, CSS ve JS.
- Sayfa ağırlığı: 80KB'ın altında.
Eğer tekrar yapacak olsaydım, en baştan daha fazla dil eklerdim. Hemen Endonezya ve Brezilya'dan trafik almaya başladım. Buna hazırlıklı değildim.
Aracı buradan deneyin: tulisanaestheticid.com