ثبت سفارش

پل بین طراحی و کد

کد اینجاس یک کارگاه کوچک تبدیل طرح به کد است. خودم کد می‌زنم، خودم جواب می‌دهم و هر پروژه را از اولین پیام تا تحویل سورس خودم پیش می‌برم؛ بدون واسطه و بدون تیم فروش.

چرا کد اینجاس

طراح‌ها زحمت می‌کشند،
کد نباید خرابش کند

خیلی وقت‌ها طرحی که با وسواس طراحی شده، در مرحله‌ی کدنویسی کم‌کم شکلش را از دست می‌دهد: فاصله‌ها کمی جابه‌جا می‌شوند، فونت‌ها سنگین‌تر می‌شوند، نسخه‌ی موبایل نصفه‌نیمه می‌ماند و سایت آخر کار کند است.

کد اینجاس برای حل همین مشکل ساخته شده. تمرکزم فقط روی یک کار است: گرفتن طرح آماده و تبدیلش به کدی که دقیقاً مثل طرح باشد، روی همه‌ی دستگاه‌ها درست کار کند و سال‌ها قابل نگهداری بماند.

با طراح‌های مستقل، آژانس‌ها و کسب‌وکارهایی کار می‌کنم که طرحشان آماده است و فقط کسی را می‌خواهند که آن را درست بسازد.

اصول کار

چهار چیزی که رویشان کوتاه نمی‌آیم

  • ۰۱

    طرح، قرارداد است

    طراح برای هر فاصله و هر رنگ دلیلی داشته. کار من این است که همان را بسازم، نه نسخه‌ای «تقریباً شبیه».

  • ۰۲

    کد برای آدم‌ها نوشته می‌شود

    برنامه‌نویس بعدی، یا خود تو شش ماه بعد، باید بتواند کد را بخواند و تغییر دهد. اسم‌های درست و ساختار مرتب بخشی از تحویل است.

  • ۰۳

    سرعت، بخشی از طراحی است

    زیباترین صفحه هم اگر دیر بالا بیاید دیده نمی‌شود. هر کتابخانه‌ای که اضافه می‌شود باید دلیل داشته باشد.

  • ۰۴

    شفافیت، از اول تا آخر

    قیمت قبل از شروع معلوم است، پیشرفت کار آنلاین دیده می‌شود و تا کار را زنده نبینی تسویه نمی‌کنی.

پشت صحنه

هر پروژه این‌طور جلو می‌رود

جزئیات بیشتر را در راهنمای تبدیل فیگما به HTML نوشته‌ام.

  1. طرح را دقیق می‌خوانم و اگر چیزی مبهم بود، قبل از شروع می‌پرسم.
  2. سیستم طراحی را به متغیرهای CSS تبدیل می‌کنم تا همه‌چیز یکدست بماند.
  3. بخش‌ها را از موبایل به بالا می‌سازم و رفتارشان را در همه‌ی اندازه‌ها چک می‌کنم.
  4. خروجی را روی طرح می‌گذارم و پیکسل به پیکسل مقایسه می‌کنم.
  5. سرعت، دسترس‌پذیری و سئو را با Lighthouse می‌سنجم و بعد پیش‌نمایش را می‌فرستم.

با این ابزارها کار می‌کنم

  • HTML5
  • CSS3
  • JavaScript
  • WordPress
  • Figma
  • Adobe XD
  • Photoshop
  • Sketch
  • Sass
  • Tailwind
  • Bootstrap
  • GSAP
  • Swiper
  • ACF
  • Gulp
  • Vite

طرحت آماده‌ست؟ بیا کدش کنیم.

شروع
پروژه

یا اول زمان تحویل را تخمین بزن · سوال بپرس

زمان و قیمت ثبت سفارش