کافه‌کُد — لندینگ‌پیج و سیستم رزرو برای فضای کار اشتراکیِ برنامه‌نویسان
یک لندینگ‌پیج تک‌صفحه‌ای که به سایتی چهارصفحه‌ای با موتور رزرو تبدیل شد. بدون فریم‌ورک، بدون بک‌اند، بدون مرحله‌ی بیلد — و با این حال کل صفحه‌ی اصلی فقط در ۵ درخواست و ۶۲ کیلوبایت بارگذاری می‌شود.
درباره‌ی این پروژه
کافه‌کُد کافه‌ای است برای برنامه‌نویس‌هایی که می‌آیند تا کار کنند: اینترنت سریع، پریز برق کنار هر صندلی، قهوه‌ی خوب و میزی که می‌شود کل روز نگهش داشت. این پروژه لندینگ‌پیج و سیستم رزرو میز آن است.
چالش
مخاطب این سایت خودش توسعه‌دهنده است؛ کسی که ادعای بازاریابی را باور نمی‌کند، کنسول مرورگر را باز می‌کند و کندی یا بدقلقی سایت را همان لحظه حس می‌کند. سایتی که فقط بگوید «اینترنت پرسرعت داریم» و آخرش یک شماره‌تلفن بدهد، اعتماد این مخاطب را نمی‌گیرد.
راه‌حل
- اثبات به‌جای ادعا — به‌جای جمله‌ی تبلیغاتی، یک کارت ترمینال بالای صفحه عدد واقعی پهنای باند، پینگ، وضعیت برق و تعداد میز آزاد را نشان می‌دهد.
- رزرو میز روی نقشه‌ی زنده‌ی سالن — ۳۲ میز روی یک نقشه‌ی تعاملی با تفکیک «منطقه‌ی تمرکز» و «منطقه‌ی گفت‌وگو»؛ با انتخاب تاریخ و ساعت، میزهای رزروشده مشخص می‌شوند.
- رزرو چهارمرحله‌ای — اعتبارسنجی زنده، محاسبه‌ی لحظه‌ای قیمت، تخفیف خودکار «اولین جلسه رایگان» و صدور کد پیگیری.
- زبان آشنای برنامه‌نویس‌ها — جست‌وجوی سریع کل سایت با Ctrl+K، و دو تم روشن و تیره که تا وقتی کاربر انتخاب نکرده از تنظیمات سیستم‌عاملش پیروی می‌کند.
- سبک و بی‌وابستگی — بدون فریم‌ورک، افزونه و مرحله‌ی build؛ همه‌ی آیکون‌ها به‌صورت کد کشیده شده‌اند و هیچ فایل تصویری دانلود نمی‌شود.
- کنترل کیفیت خودکار — ابزاری که خوانایی تک‌تک متن‌ها را در برابر رنگ واقعی پس‌زمینه‌شان، در ۱۶ ترکیب صفحه و تم و دستگاه، می‌سنجد. سه ایراد واقعی که با چشم دیده نمی‌شد پیدا و پیش از تحویل رفع شد.
نتیجه
سایتی که اعتماد مخاطب سخت‌گیرش را در همان چند ثانیه‌ی اول می‌گیرد و او را به‌جای یک شماره‌تلفن، تا یک رزرو واقعی می‌رساند. وزن کل صفحه ۶۲ کیلوبایت است و در ۰٫۲۸ ثانیه آماده‌ی استفاده می‌شود؛ با صفر خطای کنسول، صفر مشکل خوانایی در هر دو تم، و بدون اسکرول افقی در هیچ اندازه‌ی صفحه‌ای.
فناوری: HTML5، CSS3 و JavaScript خالص، SVG دست‌نویس، قلم‌های وزیرمتن و JetBrains Mono، و داده‌ی ساخت‌یافته‌ی Schema.org و Open Graph.
تصاویر پروژه
سایر نمونه‌کارها
نوبت‌یار — سامانه‌ی نوبت‌دهی آنلاین برای مطب، کلینیک و سالن
سامانه‌ی نوبت‌دهی آنلاین چندکسب‌وکاره برای مطب، کلینیک و سالن؛ رزرو از سایت، بات بله و مینی‌اپ بله، با پرداخت آنلاین، یادآور خودکار و پنل مدیریت کامل.
شخصی
پایگاه اطلاع‌رسانی امام جمعه شهر تاکستان
پایگاه اطلاع‌رسانی امام جمعه تاکستان یک سامانه‌ی خبری اختصاصی است که برای انتشار خطبه‌های نماز جمعه، اخبار، بیانیه‌ها و پاسخ به پرسش‌های شرعی مردم شهر تاکستان طراحی و ساخته شده است. این سایت از پایه و بدون استفاده از قالب آماده نوشته شده و تمام بخش‌های آن — از ساختار محتوا تا رنگ‌بندی و تقویم — از ی
فروشگاهی
گالری ساعت مهدیار — فروشگاه اینترنتی ساعت
یک فروشگاه‌ساز کامل با دو درگاه پرداخت (زرین‌پال و پرداخت اقساطی ترب‌پی)، سیستم کد تخفیف با بازه‌ی اعتبار شمسی، خرید بدون ثبت‌نام، رزرو کالای ناموجود و پنل مدیریت اختصاصی با گزارش فروش. از صفر طراحی و پیاده‌سازی شده است.