من یک متنساز رایگان ساختم. آنچه آموختم اینجاست.
چند ماه پیش یک پروژه جانبی کوچک را راهاندازی کردم. ابزاری به نام Tulisan Aesthetic. این ابزار متن ساده را به فونتهای یونیکد (Unicode) استایلدار تبدیل میکند. کاربران از آن برای بیوگرافی اینستاگرام، کپشنهای تیکتاک و وضعیتهای واتساپ استفاده میکنند.
من آن را با HTML، CSS و vanilla JS ساختم. از یک نقشه کاراکتر یونیکد بزرگ استفاده کردم.
این ابزار با جایگزین کردن حروف استاندارد با نمادهای ریاضی که شبیه فونت هستند، کار میکند. این روش در مکانهایی که از فونتهای سفارشی پشتیبانی نمیکنند، جواب میدهد.
در اینجا سه چیزی که دادههای کاربران به من آموختند آورده شده است.
- موبایل همه چیز است.
فکر میکردم ۶۰٪ کاربران از موبایل استفاده کنند، اما بیش از ۸۵٪ آنها با موبایل بودند. این موضوع رویکرد طراحی من را تغییر داد. دکمه کپی را برای کار با انگشت شست بزرگتر کردم. لیست فونتها را طوری طراحی کردم که بهراحتی اسکرول شود. مشکل زوم خودکار در iOS را نیز با استفاده از حداقل اندازه فونت ۱۶ پیکسل برطرف کردم.
اگر برای کاربران شبکههای اجتماعی میسازید، ابتدا برای موبایل طراحی کنید. دسکتاپ در اولویت دوم قرار دارد.
- روی اقدام اصلی تمرکز کنید.
من با یک شبکه چند ستونی شروع کردم. در دسکتاپ خوب به نظر میرسید اما در موبایل شکست خورد. من تماشا کردم که مردم چگونه از ابزار استفاده میکنند؛ آنها فقط دکمه کپی را میخواستند. بقیه موارد فقط باعث حواسپرتی بودند.
من ابزار را به صورت یک لیست تکستون قابل اسکرول بازسازی کردم. هر استایل ردیف مخصوص به خود و یک دکمه کپی واضح دارد. این تغییر باعث بهبود تعامل کاربران و کاهش نرخ پرش (bounce rate) شد.
آن یک کاری که ابزار شما برای انجام آن ساخته شده را پیدا کنید. آن اقدام را بدون زحمت و بسیار ساده کنید.
- سرعت، استراتژی سئو شماست.
من حتی یک دلار هم برای تبلیغات هزینه نکردم. تمام رشد از طریق جستجوی ارگانیک حاصل شد.
بیشتر ابزارها در این حوزه کند و پر از تبلیغات هستند. ابزار من سبک است. حجم کل صفحه زیر ۸۰ کیلوبایت است. امتیاز Lighthouse من بالای ۹۸ است. چون ابزار من سریع بارگذاری میشود، در نتایج جستجو رتبه بالاتری گرفتم.
برای ابزارهای تخصصی (niche)، عملکرد (performance) راهی است که با آن در رتبهبندی جستجو برنده میشوید.
جزئیات فنی:
- Frontend: Vanilla HTML، CSS و JS.
- حجم صفحه: زیر ۸۰ کیلوبایت.
اگر دوباره این کار را انجام میدادم، از همان ابتدا زبانهای بیشتری را اضافه میکردم. من بلافاصله ترافیکی از اندونزی و برزیل دیدم؛ برای آن آمادگی نداشتم.
ابزار را اینجا امتحان کنید: tulisanaestheticid.com